echarts2_20210803134807.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. export default function getData() {
  2. let params = [{
  3. value: 335,
  4. name: '直接访问'
  5. },
  6. {
  7. value: 310,
  8. name: '邮件营销'
  9. },
  10. {
  11. value: 234,
  12. name: '联盟广告'
  13. },
  14. {
  15. value: 135,
  16. name: '视频广告学习相'
  17. },
  18. {
  19. value: 500,
  20. name: '搜索引擎'
  21. }
  22. ]
  23. return {
  24. tooltip: {
  25. trigger: 'item',
  26. formatter: '{a} <br/>{b}: {c} ({d}%)'
  27. },
  28. legend: {
  29. orient: 'vertical',
  30. right: 10,
  31. top: 10,
  32. itemGap: 20,
  33. formatter: function(param) {
  34. return param + ' ' + params.find(val => val.name === param).value + '%';
  35. },
  36. tooltip: {
  37. show: true
  38. },
  39. textStyle: {
  40. color: "#FFF"
  41. },
  42. },
  43. color: ["#FF6600", "#FFCC00", "#CCFF99", "#99CCFF", "#66CCCC"],
  44. series: [{
  45. name: '',
  46. type: 'pie',
  47. radius: ['60%', '90%'],
  48. center: ['30%', '50%'],
  49. avoidLabelOverlap: false,
  50. label: {
  51. show: false,
  52. position: 'center',
  53. color: "#FFF",
  54. },
  55. emphasis: {
  56. label: {
  57. show: true,
  58. fontSize: '20',
  59. // fontWeight: 'bold'
  60. }
  61. },
  62. labelLine: {
  63. show: false
  64. },
  65. data: params,
  66. roundCap: 1 //可选项为1和2,不填则采用原有拼接方式
  67. }]
  68. };
  69. }