echarts及其它图表
使用说明
设计说明
图表分为echarts图表和其它自定义类图表。其中对echarts图表的初始化进行了二次封装,简化了代码,使用时可调用封装好的方法。
开发规范
JS及对应参数说明:
//array data var xAxisName = ['a', 'b', 'c', 'd', 'e', 'a', 'b', 'c', 'd', 'e', 'a', 'b', 'c', 'd', 'e', 'a', 'b', 'c', 'd', 'e']; var seriesValue = [1, 2, 8, 3, 9, 21, 28, 18, 13, 19, 6, 12, 18, 18, 19, 11, 12, 18, 10, 3]; //获取公用option对象 var defaultOption = new GetDefaultOptions(); //获取折线图公用option对象 var lineChartOption = defaultOption.lineChartOption(); //获取折线图series数组 var lineSeries = defaultOption.lineSeries(); //修改series中的参数,eg:value lineSeries.data = seriesValue; lineChartOption.series = [lineSeries]; //set x axis data lineChartOption.xAxis[0].data = xAxisName; //init chart var lineChart = new OperateCharts('lineChart', lineChartOption); var barObj = lineChart.initChart();//chart obj //change chart var barOption = barObj.getOption();//get chart option //option change....... barObj.setOption(barOption);//set chart option
数据展示1
51.11
万元
销售订单总额
51.11
万元
销售订单总额
51.11
万元
销售订单总额
数据展示2
上一年成交总额
123,456,879.12
元
外协需求个数
123个
外协需求个数
123个
数据展示3
上一年成交总额
123,456,879.12
元