echarts2_20210803135224.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. export default function getData() {
  2. let params = [{
  3. value: 29.07,
  4. name: '蔬菜'
  5. },
  6. {
  7. value: 26.16,
  8. name: '肉类'
  9. },
  10. {
  11. value: 23.26,
  12. name: '熟食'
  13. },
  14. {
  15. value: 11.34,
  16. name: '海鲜'
  17. },
  18. {
  19. value: 10.17,
  20. name: '其他'
  21. }
  22. ]
  23. return {
  24. color: ['rgba(255,188,59,1)', 'rgba(26,217,149,1)', 'rgba(0,41,91,0.7)', 'rgba(253,118,52,1)', 'rgba(59,220,255,1)'],
  25. tooltip: {
  26. trigger: 'item',
  27. // formatter: '{b}: {c} ({d}%)'
  28. },
  29. legend: {
  30. orient: 'vertical',
  31. right: 10,
  32. top: 10,
  33. itemGap: 20,
  34. formatter: function(param) {
  35. return param + ' ' + params.find(val => val.name === param).value + '%';
  36. },
  37. tooltip: {
  38. show: true
  39. },
  40. textStyle: {
  41. color: "#FFF"
  42. },
  43. },
  44. series: [{
  45. type: 'pie',
  46. radius: ['60%', '90%'],
  47. center: ['30%', '50%'],
  48. avoidLabelOverlap: false,
  49. label: {
  50. show: false,
  51. position: 'center',
  52. color: "#FFF",
  53. },
  54. emphasis: {
  55. label: {
  56. show: true,
  57. fontSize: '20',
  58. // fontWeight: 'bold'
  59. }
  60. },
  61. labelLine: {
  62. show: false
  63. },
  64. data: params,
  65. roundCap: 1 //可选项为1和2,不填则采用原有拼接方式
  66. }]
  67. };
  68. }