原创文章 如图所示 网易2021年能耗趋势 // 初始化图表标签 var options = { title: { text: '网易2021年能耗（kW·h）', left: '2%' }, tooltip: { trigger: 'axis' }, grid: { left: '3%', right: '4%', bottom: '3%', top: '50', containLabel: true }, xAxis: { type: 'category', boundaryGap: false, data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月','10月','11月','12月'] }, yAxis: { type: 'value', axisLine: { show: false }, axisTick: { show: false }, splitLine: { show: true, lineStyle: { color: '#E8E8F0', width: 1, type: 'dashed' } } }, series: [ { name: '2021年能耗', type: 'line', stack: '总量', data: [2724460, 2088820, 2528980, 2533160, 3103480, 3618840, 4342260, 4483860, 3929120,2877680,2735620,3008660], smooth: false, itemStyle: { normal: { color: '#00996E', lineStyle: { width: 3 } } }, areaStyle: { normal: { color: { x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: "rgba(0, 153, 110, 0.15)" // 0% 处的颜色 }, { offset: 1, color: "rgba(0, 153, 110, 0.15)" // 100% 处的颜色 } ], globalCoord: false // 缺省为 false } } }, } ] }; setInterval(() => { var myChart = echarts.init(document.getElementById('chart')); myChart.setOption(options); }, 2000);
