right2.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. // 初始化echart实例对象
  2. var right2Chart = echarts.init(document.getElementById('right2'), 'dark');
  3. //
  4. // ----------右2的配置项-------------------
  5. var option = {
  6. title: {
  7. text: "境外输入省市TOP5",
  8. textStyle: {
  9. color: 'white',
  10. },
  11. left: 'left'
  12. },
  13. tooltip: {
  14. trigger: 'axis',
  15. //指示器
  16. axisPointer: {
  17. type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  18. }
  19. },
  20. xAxis: {
  21. type: 'category',
  22. data: [] // ['湖北','广州','北京']
  23. },
  24. yAxis: {
  25. type: 'value',
  26. //y轴字体设置
  27. axisLabel: {
  28. show: true,
  29. color: 'white',
  30. fontSize: 12,
  31. formatter: function(value) {
  32. if (value >= 1000) {
  33. value = value / 1000 + 'k';
  34. }
  35. return value;
  36. }
  37. },
  38. },
  39. series: [{
  40. data: [], // [582, 300, 100]
  41. type: 'bar',
  42. barMaxWidth: "50%"
  43. }]
  44. };
  45. // 获取中国各省市特区
  46. var provinces = data.areaTree[0].children
  47. var topData = []
  48. // 遍历每一个省自治区、直辖市
  49. for (var province of provinces) {
  50. // 将每个省的累计确诊病例数添加到配置项的data中
  51. if (province.children[0].name == '境外输入') {
  52. topData.push({
  53. 'name': province.name,
  54. 'value': province.children[0].total.confirm
  55. })
  56. }
  57. }
  58. topData.sort(function(a, b) {
  59. return b.value - a.value
  60. })
  61. topData.length = 5
  62. // console.log(topData)
  63. //
  64. for (var province of topData) {
  65. // 将每个省的累计确诊病例数添加到配置项的data中
  66. option.xAxis.data.push(province.name)
  67. option.series[0].data.push(province.value)
  68. }
  69. // 使用刚指定的配置项和数据显示图表。
  70. right2Chart.setOption(option);