找文章 / 找答案

echarts的饼图如何设置数据,data:后面设置options.column1好像.....

惜缘人青铜一 显示全部楼层 发表于 2022-7-24 13:57:46 |阅读模式 打印 上一主题 下一主题
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)'
        }
      }
    }
  ]
};

回复

使用道具 举报

精彩评论3

小智慧钻石一 显示全部楼层 发表于 2022-7-24 15:16:44
回复

使用道具 举报

珠江岸边修水塔青铜四 显示全部楼层 发表于 2022-9-7 19:01:54
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:49
回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |联系社区管理员|《永洪社区协议》
返回顶部