【无标题】

1. 

2. let xData = ['粥', '小笼包', '生煎', '汤包', '炸酱面']

3. let yData = ['70', '75', '76', '90', '95']

4. let colorList = ['#97e7ff', '#75f5ff', '#00deff', '#0093ff', '#2a5fcf']

5. let visualMapPiecesData = []

6. // visualMap: {

7. // pieces: [

8. // { value: 123, label: '123（自定义特殊颜色）', color: 'grey' }

9. // ]

10. // }

11. for (var i = 0; i < xData.length; i++) {

12. visualMapPiecesData.push({

13. value: yData[i],

14. label: xData[i],

15. color: colorList[i]

16. })

17. }

18. var option = {

19. title: {

20. text: '早餐统计'

21. },

22. angleAxis: {

23. axisLine: {

24. show: false

25. },

26. axisTick: {

27. show: false

28. },

29. axisLabel: {

30. show: false

31. },

32. splitLine: {

33. show: false

34. },

35. clockwise: false

36. },

37. radiusAxis: {

38. type: 'category',

39. data: xData,

40. z: 100,

41. axisLine: {

42. show: false

43. },

44. axisTick: {

45. show: false

46. },

47. axisLabel: {

48. show: false

49. },

50. splitLine: {

51. show: false

52. }

53. },

54. polar: {

55. },

56. tooltip: {

57. trigger: 'item',

58. formatter: function (params, ticket, callback) {

59. return params.name + ' : ' + ' (' + params.data + '%)'

60. }

61. },

62. visualMap: {

63. top: 40,

64. x: 'left',

65. orient: 'vertical',

66. textStyle: {

67. color: '#000'

68. },

69. pieces: visualMapPiecesData,

70. outOfRange: {

71. color: '#999'

72. }

73. },

74. series: [{

75. type: 'bar',

76. data: yData,

77. coordinateSystem: 'polar',

78. itemStyle: {

79. normal: {

80. // 定制显示（按顺序）

81. color: function (params) {

82. return colorList[params.dataIndex]

83. }

84. }

85. }

86. }]

87. }

88. this.chartPie = echarts.init(document.getElementById('rightBox1'))

89. this.chartPie.setOption(option)

90. window.addEventListener('resize', () => {

91. this.chartPie.resize()

92. })