示例#1
0
        protected void Page_Load(object sender, EventArgs e)
        {
            EChart chart = EChartsCtrl1.chart;
            Title  title = new Title();

            title.Text    = "未来一周气温变化";
            title.Subtext = "纯属虚构";
            chart.SetTitle(title);

            ToolTip tt = new ToolTip();

            tt.Trigger = TriggerType.Axis;
            chart.SetToolTip(tt);

            Legend leg = new Legend();

            leg.Data = new string[] { "最高气温", "最低气温" };
            chart.SetLegend(leg);

            ToolBox tb = new ToolBox();

            tb.Show = true;
            tb.Feature.Mark.Show        = true;
            tb.Feature.Restore.Show     = true;
            tb.Feature.SaveAsImage.Show = true;
            tb.Feature.MagicType.Show   = true;
            tb.Feature.MagicType.Type   = new string[] { "line", "bar" };
            chart.SetToolBox(tb);

            chart.Calculable = true;

            XAxis xa = new XAxis();

            xa.Type        = AxisType.Category;
            xa.BoundaryGap = new Helpers.BoundaryGapType("false");
            xa.Data        = new string[] { "周一", "周二", "周三", "周四", "周五", "周六", "周日" };
            chart.SetXAxis(xa.ToArray());

            YAxis ya = new YAxis();

            ya.Type                = AxisType.Value;
            ya.AxisLabel           = new Option.Label();
            ya.AxisLabel.Formatter = "{value}°C";
            chart.SetYAxis(ya.ToArray());

            List <Series> list = new List <Series>();

            Series s1 = new Series();

            s1.Name           = "最高气温";
            s1.Type           = EChartsTypes.Line;
            s1.Data           = new int[] { 11, 11, 15, 13, 12, 13, 10 };
            s1.MarkPoint      = new MarkPoint();
            s1.MarkPoint.Data = new MarkPointDataItem[] {
                new MarkPointDataItem()
                {
                    Type = "max", Name = "最大值"
                },
                new MarkPointDataItem()
                {
                    Type = "min", Name = "最小值"
                }
            };
            s1.MarkLine      = new MarkLine();
            s1.MarkLine.Data = new MarkPointDataItem[] {
                new MarkPointDataItem()
                {
                    Type = "average", Name = "平均值"
                }
            };
            list.Add(s1);
            Series s2 = new Series();

            s2.Name           = "最低气温";
            s2.Type           = EChartsTypes.Line;
            s2.Data           = new int[] { 1, -2, 2, 5, 3, 2, 0 };
            s2.MarkPoint      = new MarkPoint();
            s2.MarkPoint.Data = new MarkPointDataItem[] {
                new MarkPointDataItem()
                {
                    Name = "周最低", Value = -2, X = 1, Y = -1.5
                }
            };
            s2.MarkLine      = new MarkLine();
            s2.MarkLine.Data = new MarkPointDataItem[] {
                new MarkPointDataItem()
                {
                    Type = "average", Name = "平均温度"
                }
            };

            list.Add(s2);

            chart.SetSeries(list.ToArray());
        }
示例#2
0
        protected void Page_Load(object sender, EventArgs e)
        {
            KLineList list  = InitData();
            EChart    chart = EChartsCtrl1.chart;

            Title title = new Title();

            title.Text            = "2013年上半年上证指数";
            title.TextStyle       = new TextStyle();
            title.TextStyle.Color = Color.Aqua;
            chart.SetTitle(title);

            ToolTip tt = new ToolTip();

            tt.Trigger = TriggerType.Axis;
            StringBuilder sbf = new StringBuilder();

            sbf.Append("function (params) {");
            sbf.Append(" var res = params[0].seriesName + ' ' + params[0].name;");
            sbf.Append(" res += '<br/>  开盘 : ' + params[0].value[0] + '  最高 : ' + params[0].value[3];");
            sbf.Append(" res += '<br/>  收盘 : ' + params[0].value[1] + '  最低 : ' + params[0].value[2];");
            sbf.Append(" return res;");
            sbf.Append(" }");

            StringFormatter jsf = new StringFormatter();

            jsf.Formatter  = sbf.ToString();
            jsf.isFunction = true;
            tt.Formatter   = jsf;
////////            tt.Formatter = @"function (params) {
////////                var res = params[0].seriesName + ' ' + params[0].name;
////////                res += '<br/>  开盘 : ' + params[0].value[0] + '  最高 : ' + params[0].value[3];
////////                res += '<br/>  收盘 : ' + params[0].value[1] + '  最低 : ' + params[0].value[2];
////////                return res;
////////            }";
            chart.SetToolTip(tt);

            Legend leg = new Legend();

            leg.Data = new string[] { "上证指数" };
            chart.SetLegend(leg);

            ToolBox tb = new ToolBox();

            tb.Show                     = true;
            tb.Feature                  = new Option.ToolBoxButton.Feature();
            tb.Feature.Mark             = new Option.ToolBoxButton.Mark();
            tb.Feature.Mark.Show        = true;
            tb.Feature.DataZoom         = new Option.ToolBoxButton.DataZoom();
            tb.Feature.DataZoom.Show    = true;
            tb.Feature.MagicType        = new Option.ToolBoxButton.MagicType();
            tb.Feature.MagicType.Show   = true;
            tb.Feature.MagicType.Type   = new string[] { "line", "bar" };
            tb.Feature.Restore          = new Option.ToolBoxButton.Restore();
            tb.Feature.Restore.Show     = true;
            tb.Feature.SaveAsImage      = new Option.ToolBoxButton.SaveAsImage();
            tb.Feature.SaveAsImage.Show = true;
            chart.SetToolBox(tb);

            XAxis xAxis = new XAxis();

            xAxis.Type           = AxisType.Category;
            xAxis.BoundaryGap    = new BoundaryGapType("true");
            xAxis.axisTick       = new AxisTick();
            xAxis.axisTick.OnGap = false;
            xAxis.splitLine      = new SplitLine();
            xAxis.splitLine.Show = false;
            xAxis.Data           = list.ToAxisData();
            chart.SetXAxis(xAxis.ToArray());

            YAxis yAxis = new YAxis();

            yAxis.Type        = AxisType.Value;
            yAxis.Scale       = true;
            yAxis.BoundaryGap = new BoundaryGapType("[0.01,0.01]");;

            chart.SetYAxis(yAxis.ToArray());

            Series series = new Series();

            series.Name = "上证指数";
            series.Type = EChartsTypes.K;
            series.Data = list.ToSeriesData();

            chart.SetSeries(series.ToArray());
        }
示例#3
0
        protected void Page_Load(object sender, EventArgs e)
        {
            EChart chart = EChartsCtrl1.chart;

            chart.IsExtendMap = true;
            chart.SVGPath     = "svg/jinzhongBuilding.svg";
            Title title = new Title();

            title.Text            = "测试用";
            title.TextStyle       = new TextStyle();
            title.TextStyle.Color = Color.Aqua;

            chart.SetTitle(title);

            Legend legend = new Legend();

            legend.BackgroundColor = Color.AntiqueWhite;
            legend.Data            = new string[] { "group1" };

            chart.SetLegend(legend);

            chart.SetColor(new Color[] { Color.Blue });

            ToolBox tb = new ToolBox();

            tb.Show              = true;
            tb.Feature           = new Option.ToolBoxButton.Feature();
            tb.Feature.Mark      = new Option.ToolBoxButton.Mark();
            tb.Feature.Mark.Show = true;

            tb.Feature.Restore      = new Option.ToolBoxButton.Restore();
            tb.Feature.Restore.Show = true;

            tb.Feature.SaveAsImage      = new Option.ToolBoxButton.SaveAsImage();
            tb.Feature.SaveAsImage.Show = true;
            chart.SetToolBox(tb);

            wwb.ECharts.Option.ToolTip tt = new wwb.ECharts.Option.ToolTip();
            tt.Trigger   = TriggerType.Item;
            tt.Formatter = new StringFormatter("{b}");
            chart.SetToolTip(tt);



            Series s1 = new Series();

            s1.Data                          = new string[0];
            s1.Name                          = "group1";
            s1.ItemStyle                     = new ItemStyle();
            s1.ItemStyle.Normal              = new Normal();
            s1.ItemStyle.Normal.Color        = Color.Gold;
            s1.ItemStyle.Normal.Label        = new wwb.ECharts.Option.Label();
            s1.ItemStyle.Normal.Label.Show   = true;
            s1.ItemStyle.Emphasis            = new Emphasis();
            s1.ItemStyle.Emphasis.Label      = new wwb.ECharts.Option.Label();
            s1.ItemStyle.Emphasis.Label.Show = true;
            s1.Type                          = EChartsTypes.Map;
            s1.Roam                          = true;
            s1.MarkPoint                     = new MarkPoint();
            s1.MarkPoint.Symbol              = SymbolType.Circle;
            s1.MarkPoint.SymbolSize          = 3;

            List <MarkPointDataItem> list = new List <MarkPointDataItem>();

            list.Add(new MarkPointDataItem("张三", 44, 71));
            list.Add(new MarkPointDataItem("李四", 84, 71));

            s1.MarkPoint.Data = list.ToArray();

            s1.MarkLine                                 = new MarkLine();
            s1.MarkLine.Effect                          = new Effect();
            s1.MarkLine.Effect.Show                     = true;
            s1.MarkLine.Effect.Loop                     = true;
            s1.MarkLine.Effect.Color                    = Color.HotPink;
            s1.MarkLine.Symbol                          = new SymbolType[] { SymbolType.Circle, SymbolType.Arrow };
            s1.MarkLine.ItemStyle                       = new ItemStyle();
            s1.MarkLine.ItemStyle.Normal                = new Normal();
            s1.MarkLine.ItemStyle.Normal.BorderWidth    = 1;
            s1.MarkLine.ItemStyle.Normal.LineStyle      = new LineStyle();
            s1.MarkLine.ItemStyle.Normal.LineStyle.Type = LineStyleType.Solid;

            //List<MarkLineDataItem> lineList = new List<MarkLineDataItem>();
            //lineList.Add(new MarkLineDataItem(new MarkPointDataItem("A", 88, 222), new MarkPointDataItem("B", 44, 232)));
            //s1.MarkLine.Data = lineList.ToArray();
            MarkPointDataItem[,] lineArr =
            {
                { new MarkPointDataItem("A",  88, 222), new MarkPointDataItem("B",  44, 232) },
                { new MarkPointDataItem("C", 123, 222), new MarkPointDataItem("D", 123, 282) }
            };
            s1.MarkLine.Data = lineArr;


            Series s2 = new Series();

            s2.Data                       = new string[0];
            s2.Type                       = EChartsTypes.Map;
            s2.MarkPoint                  = new MarkPoint();
            s2.MarkPoint.Effect           = new Effect();
            s2.MarkPoint.Effect.Show      = true;
            s2.MarkPoint.Effect.ScaleSize = 8;
            s2.MarkPoint.Effect.Color     = Color.DeepSkyBlue;
            s2.MarkPoint.Data             = (new List <MarkPointDataItem>()
            {
                new MarkPointDataItem("MMM", 33, 99), new MarkPointDataItem("aaaaaaaa", 66, 123)
            }).ToArray();
            s2.MarkPoint.Symbol           = SymbolType.EmptyDiamond;
            List <Series> slist = new List <Series>();

            slist.Add(s1);
            slist.Add(s2);
            chart.SetSeries(slist.ToArray());
        }