private void btn_bar10_Click(object sender, EventArgs e) { EChartsNet.echartsOption eoption = new EChartsNet.echartsOption(); eoption.title.text = "温度计式图表"; eoption.tooltip.trigger = "axis"; eoption.legend.selectedMode = false; eoption.legend.data = new ArrayList(); eoption.legend.data.Add("Actual"); eoption.legend.data.Add("Forecast"); eoption.toolbox.show = true; eoption.toolbox.feature.magicType.show = true; eoption.toolbox.feature.magicType.type = new ArrayList(); eoption.toolbox.feature.magicType.type.Add("line"); eoption.toolbox.feature.magicType.type.Add("bar"); eoption.toolbox.feature.restore.show = true; eoption.xAxis = new echartsOption.optionXAxis[1]; eoption.xAxis[0].type = "category"; eoption.xAxis[0].data = new ArrayList(); eoption.xAxis[0].data.Add("Cosco"); eoption.xAxis[0].data.Add("CMA"); eoption.xAxis[0].data.Add("APL"); eoption.xAxis[0].data.Add("OOCL"); eoption.xAxis[0].data.Add("Wanhai"); eoption.xAxis[0].data.Add("Zim"); eoption.yAxis = new echartsOption.optionYAxis[1]; eoption.yAxis[0].type = "value"; eoption.series = new echartsOption.optionSeries[2]; eoption.series[0].name = "Actual"; eoption.series[0].type = "bar"; eoption.series[0].data = new ArrayList(); eoption.series[0].data.Add(260); eoption.series[0].data.Add(200); eoption.series[0].data.Add(220); eoption.series[0].data.Add(120); eoption.series[0].data.Add(100); eoption.series[0].data.Add(80); // eoption.series[1].name = "Forecast"; eoption.series[1].type = "bar"; eoption.series[1].data = new ArrayList(); eoption.series[1].data.Add(40); eoption.series[1].data.Add(80); eoption.series[1].data.Add(50); eoption.series[1].data.Add(80); eoption.series[1].data.Add(80); eoption.series[1].data.Add(70); // this.echarts1.option = JsonConvert.SerializeObject(eoption); this.echarts1.initialECharts(10); }
private void btn_dynamic_Click(object sender, EventArgs e) { EChartsNet.echartsOption eoption = new EChartsNet.echartsOption(); eoption.title.text = "Demo"; eoption.tooltip.trigger = "item"; eoption.legend.data = new ArrayList(); eoption.legend.data.Add("Actual"); eoption.legend.data.Add("Balance"); eoption.toolbox.show = true; eoption.toolbox.feature.magicType.show = true; eoption.toolbox.feature.magicType.type = new ArrayList(); eoption.toolbox.feature.magicType.type.Add("line"); eoption.toolbox.feature.magicType.type.Add("bar"); eoption.toolbox.feature.restore.show = true; eoption.xAxis = new echartsOption.optionXAxis[1]; eoption.xAxis[0].type = "category"; eoption.xAxis[0].data = new ArrayList(); eoption.xAxis[0].data.Add("Jan"); eoption.xAxis[0].data.Add("Feb"); eoption.xAxis[0].data.Add("Mar"); eoption.xAxis[0].data.Add("Apr"); eoption.xAxis[0].data.Add("May"); eoption.xAxis[0].data.Add("Jun"); eoption.xAxis[0].data.Add("Jul"); eoption.xAxis[0].data.Add("Aug"); eoption.xAxis[0].data.Add("Sep"); eoption.xAxis[0].data.Add("Oct"); eoption.xAxis[0].data.Add("Nov"); eoption.xAxis[0].data.Add("Dec"); eoption.yAxis = new echartsOption.optionYAxis[1]; eoption.yAxis[0].type = "value"; eoption.series = new echartsOption.optionSeries[2]; eoption.series[0].name = "Actual"; eoption.series[0].type = "bar"; eoption.series[0].data = new ArrayList(); eoption.series[0].data.Add(1); eoption.series[0].data.Add(2); eoption.series[0].data.Add(3); eoption.series[0].data.Add(4); eoption.series[0].data.Add(5); eoption.series[0].data.Add(6); eoption.series[0].data.Add(7); eoption.series[0].data.Add(8); eoption.series[0].data.Add(9); eoption.series[0].data.Add(10); eoption.series[0].data.Add(11); eoption.series[0].data.Add(12); // eoption.series[1].name = "Balance"; eoption.series[1].type = "bar"; eoption.series[1].data = new ArrayList(); eoption.series[1].data.Add(12); eoption.series[1].data.Add(11); eoption.series[1].data.Add(10); eoption.series[1].data.Add(9); eoption.series[1].data.Add(8); eoption.series[1].data.Add(7); eoption.series[1].data.Add(6); eoption.series[1].data.Add(5); eoption.series[1].data.Add(4); eoption.series[1].data.Add(3); eoption.series[1].data.Add(2); eoption.series[1].data.Add(1); // this.echarts1.option = JsonConvert.SerializeObject(eoption); this.echarts1.initialECharts(1001); }
private void btn_static_Click(object sender, EventArgs e) { EChartsNet.echartsOption eoption = new EChartsNet.echartsOption(); eoption.title.text = "Demo"; eoption.tooltip.trigger = "item"; eoption.legend.data = new ArrayList(); eoption.legend.data.Add("Actual"); eoption.legend.data.Add("Balance"); eoption.toolbox.show = true; eoption.toolbox.feature.magicType.show = true; eoption.toolbox.feature.magicType.type = new ArrayList(); eoption.toolbox.feature.magicType.type.Add("line"); eoption.toolbox.feature.magicType.type.Add("bar"); eoption.toolbox.feature.restore.show = true; eoption.xAxis = new echartsOption.optionXAxis[1]; eoption.xAxis[0].type = "category"; eoption.xAxis[0].data = new ArrayList(); eoption.xAxis[0].data.Add("Jan"); eoption.xAxis[0].data.Add("Feb"); eoption.xAxis[0].data.Add("Mar"); eoption.xAxis[0].data.Add("Apr"); eoption.xAxis[0].data.Add("May"); eoption.xAxis[0].data.Add("Jun"); eoption.xAxis[0].data.Add("Jul"); eoption.xAxis[0].data.Add("Aug"); eoption.xAxis[0].data.Add("Sep"); eoption.xAxis[0].data.Add("Oct"); eoption.xAxis[0].data.Add("Nov"); eoption.xAxis[0].data.Add("Dec"); eoption.yAxis = new echartsOption.optionYAxis[1]; eoption.yAxis[0].type = "value"; eoption.series = new echartsOption.optionSeries[2]; eoption.series[0].name = "Actual"; eoption.series[0].type = "bar"; eoption.series[0].data = new ArrayList(); eoption.series[0].data.Add(1); eoption.series[0].data.Add(2); eoption.series[0].data.Add(3); eoption.series[0].data.Add(4); eoption.series[0].data.Add(5); eoption.series[0].data.Add(6); eoption.series[0].data.Add(7); eoption.series[0].data.Add(8); eoption.series[0].data.Add(9); eoption.series[0].data.Add(10); eoption.series[0].data.Add(11); eoption.series[0].data.Add(12); // eoption.series[1].name = "Balance"; eoption.series[1].type = "bar"; eoption.series[1].data = new ArrayList(); eoption.series[1].data.Add(12); eoption.series[1].data.Add(11); eoption.series[1].data.Add(10); eoption.series[1].data.Add(9); eoption.series[1].data.Add(8); eoption.series[1].data.Add(7); eoption.series[1].data.Add(6); eoption.series[1].data.Add(5); eoption.series[1].data.Add(4); eoption.series[1].data.Add(3); eoption.series[1].data.Add(2); eoption.series[1].data.Add(1); // this.echarts1.option = JsonConvert.SerializeObject(eoption); this.echarts1.initialECharts(0); }