123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- var dom = document.getElementById("box3_right");
- var myChart = echarts.init(dom);
- var app = {};
- option = null;
- option = {
- tooltip : {
- trigger: 'axis',
- axisPointer: {
- type: 'cross',
- label: {
- backgroundColor: '#6a7985'
- }
- }
- },
- legend: {
- textStyle:{//图例文字的样式
- color:'#fff',
- fontSize:12
- },
- data:['行业一','行业二','行业三','行业四','行业五']
- },
- toolbox: {
- feature: {
- saveAsImage: {}
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- textStyle:{//图例文字的样式
- color:'#fff',
- fontSize:12
- },
- xAxis : [
- {
- type : 'category',
- boundaryGap : false,
- data : ['周一','周二','周三','周四','周五','周六','周日']
- }
- ],
- yAxis : [
- {
- type : 'value'
- }
- ],
- series : [
- {
- name:'行业一',
- type:'line',
- stack: '总量',
- areaStyle: {},
- data:[120, 132, 101, 134, 90, 230, 210]
- },
- {
- name:'行业二',
- type:'line',
- stack: '总量',
- areaStyle: {},
- data:[220, 182, 191, 234, 290, 330, 310]
- },
- {
- name:'行业三',
- type:'line',
- stack: '总量',
- areaStyle: {},
- data:[150, 232, 201, 154, 190, 330, 410]
- },
- {
- name:'行业四',
- type:'line',
- stack: '总量',
- areaStyle: {normal: {}},
- data:[320, 332, 301, 334, 390, 330, 320]
- },
- {
- name:'行业五',
- type:'line',
- stack: '总量',
- label: {
- normal: {
- show: true,
- position: 'top'
- }
- },
- areaStyle: {normal: {}},
- data:[820, 932, 901, 934, 1290, 1330, 1320]
- }
- ]
- };
- ;
- if (option && typeof option === "object") {
- myChart.setOption(option, true);
- }
|