永洪社区

标题: echarts的饼图如何设置数据，data:后面设置options.column1好像..... [打印本页]

作者: 惜缘人 时间: 2022-7-24 13:57
标题: echarts的饼图如何设置数据，data:后面设置options.column1好像.....
option = {
  title: {
text: 'Referer of a Website',
subtext: 'Fake Data',
left: 'center'
  },
  tooltip: {
trigger: 'item'
  },
  legend: {
orient: 'vertical',
left: 'left'
  },
  series: [
{
   name: 'Access From',
   type: 'pie',
   radius: '50%',
//设置
data:option1.column1             无效，而且饼图的数据也要一列是value,一列为name，如何设置???
//注释
// data: [
//       { value: 1048, name: 'Search Engine' },
//       { value: 735, name: 'Direct' },
//       { value: 580, name: 'Email' },
//       { value: 484, name: 'Union Ads' },
//       { value: 300, name: 'Video Ads' }
//       { value: 300, name: 'vvss ddd' }
//       ],
   emphasis: {
      itemStyle: {
      shadowBlur: 10,
      shadowOffsetX: 0,
      shadowColor: 'rgba(0, 0, 0, 0.5)'
      }
   }
}
  ]
};

作者: 小智慧 时间: 2022-7-24 15:16
可以参考https://club.yonghongtech.com/fo ... p;highlight=echarts

作者: 珠江岸边修水塔 时间: 2022-9-7 19:01

yhtech_zjm 发表于 2022-7-24 15:16
可以参考https://club.yonghongtech.com/forum.php?mod=viewthread&tid=20909&highlight=echarts

视频中的办法无效。很多echarts的图表要求的数据格式是每一组数据都是个map,而且对key的名称有要求。而不是简单的数值。

视频中的数据格式类似于  [60,70,80,90] 可以替换成 options.column1

但是实际上echarts要求的数据格式是下方代码的格式。
绑定以后，希望是每组中value 是 column3, name 是 column1 的效果
data: [
//       { value: 1048, name: 'Search Engine' },
//       { value: 735, name: 'Direct' },
//       { value: 580, name: 'Email' },
//       { value: 484, name: 'Union Ads' },
//    { value: 300, name: 'Video Ads' }
//       { value: 300, name: 'vvss ddd' }
//       ]

作者: yhdata_yzm 时间: 2022-9-8 09:42
https://club.yonghongtech.com/fo ... amp;page=1#pid39885看看最佳答案的附件

欢迎光临永洪社区 (https://club.yonghongtech.com/)