| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- // 初始化echart实例对象
- var right2Chart = echarts.init(document.getElementById('right2'), 'dark');
- //
- // ----------右2的配置项-------------------
- var option = {
- title: {
- text: "境外输入省市TOP5",
- textStyle: {
- color: 'white',
- },
- left: 'left'
- },
- tooltip: {
- trigger: 'axis',
- //指示器
- axisPointer: {
- type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
- }
- },
- xAxis: {
- type: 'category',
- data: [] // ['湖北','广州','北京']
- },
- yAxis: {
- type: 'value',
- //y轴字体设置
- axisLabel: {
- show: true,
- color: 'white',
- fontSize: 12,
- formatter: function(value) {
- if (value >= 1000) {
- value = value / 1000 + 'k';
- }
- return value;
- }
- },
- },
- series: [{
- data: [], // [582, 300, 100]
- type: 'bar',
- barMaxWidth: "50%"
- }]
- };
- // 获取中国各省市特区
- var provinces = data.areaTree[0].children
- var topData = []
- // 遍历每一个省自治区、直辖市
- for (var province of provinces) {
- // 将每个省的累计确诊病例数添加到配置项的data中
- if (province.children[0].name == '境外输入') {
- topData.push({
- 'name': province.name,
- 'value': province.children[0].total.confirm
- })
- }
- }
- topData.sort(function(a, b) {
- return b.value - a.value
- })
- topData.length = 5
- // console.log(topData)
- //
- for (var province of topData) {
- // 将每个省的累计确诊病例数添加到配置项的data中
- option.xAxis.data.push(province.name)
- option.series[0].data.push(province.value)
- }
- // 使用刚指定的配置项和数据显示图表。
- right2Chart.setOption(option);
|