| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- // 初始化echart实例对象
- //
- var left2Chart = echarts.init(document.getElementById('left2'), 'dark');
- // 指定图表的配置项和数据
- // ----------左2的配置项-------------------
- var option = {
- title: {
- text: '全国新增趋势',
- textStyle: {
- color: 'white',
- },
- left: 'left',
- },
- tooltip: {
- trigger: 'axis',
- //指示器
- axisPointer: {
- type: 'line',
- lineStyle: {
- color: '#7171C6'
- }
- },
- },
- //图例
- legend: {
- data: ['新增确诊', '新增疑似'],
- left: 'right'
- },
- //图形位置
- grid: {
- left: '4%',
- right: '6%',
- bottom: '4%',
- top: 50,
- containLabel: true
- },
- xAxis: [{
- type: 'category',
- data: [] // ['03.20', '03.21', '03.22']
- }],
- yAxis: [{
- type: 'value',
- //y轴字体设置
- axisLabel: {
- show: true,
- color: 'white',
- fontSize: 12,
- formatter: function(value) {
- if (value >= 1000) {
- value = value / 1000 + 'k';
- }
- return value;
- }
- },
- //y轴线设置显示
- axisLine: {
- show: true
- },
- //与x轴平行的线样式
- splitLine: {
- show: true,
- lineStyle: {
- color: '#17273B',
- width: 1,
- type: 'solid',
- }
- }
- }],
- series: [{
- name: '新增确诊',
- type: 'line',
- smooth: true,
- data: [] // [20, 406, 529]
- }, {
- name: '新增疑似',
- type: 'line',
- smooth: true,
- data: [] // [25, 75, 122]
- }]
- };
- var chinaDayAddList = data.chinaDayAddList
- for (var day of chinaDayAddList) {
- // 将每个省的累计确诊病例数添加到配置项的data中
- option.xAxis[0].data.push(day.date)
- option.series[0].data.push(day.confirm)
- option.series[1].data.push(day.suspect)
- }
- // 使用刚指定的配置项和数据显示图表。
- left2Chart.setOption(option);
|