반응형

# Chart 중 Limit 기능 ( example 위치 : chart > column > Limit


  //Javescript에서 호출하기위해 Namespace 추가

  [DirectMethod(Namespace = "ChartData")]

public void RowSelected(object obj)

{

     //Remove해주는 이유 : remove 안하면 limits 선으로 average 표시한거 처음 값 고정.. remove하고 데이터 넣어줘야 다시 그림.

Chart1.GetStore().RemoveAll();


Dictionary<string, object> dic = (Dictionary<string, object>)JsonConvert.DeserializeObject(obj.ToString(), (typeof(Dictionary<string, object>)));


var axis = Chart1.Axes[0] as NumericAxis;

var value = Math.Round(Convert.ToDouble(dic["Average"]), 2);

    //average 표시 부분

axis.Limits = new Limits

{

new AxisLimit

{

Value = value,

Line = new LimitSprite

{

LineDash = new int[] { 2, 2 },

StrokeStyle = "red",

Title = new Sprite

{

Text = "Average : " + value,

StrokeStyle = "red"

}

}

}

};


Chart1.GetStore().DataSource = new List<object[]>

{

new object[]{ "English", dic["English"] },

new object[]{ "Language", dic["Language"] },

new object[]{ "Math", dic["Math"] },

new object[]{ "Science", dic["Science"] },

new object[]{ "Society", dic["Society"] }

};

Chart1.GetStore().DataBind();

}

반응형

'Ext.net > basic' 카테고리의 다른 글

Ext.net password vaildation  (0) 2018.04.30
Ext.net GridPanel toolTip 적용  (0) 2018.04.26
Ext.net Image 변경  (0) 2018.04.24
Ext.net Grid Panel Row 값  (0) 2018.04.20
Ext.net Form submit  (0) 2018.04.20