right1.js 1.8 KB

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