echarts插件 :嵌套环形图 怎么把值传入。代码如下。

'嵌套环形图'
以下是写死的数据:我的是在数据库里面查询出来的。
然后塞入下面这个方法。

难点::怎么把数据塞进去。我的后台是个json数组。
http://echarts.baidu.com/demo...
大神可以看看,然后给点建议。

option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
  
    series: [
        {
            name:'访问来源',
            type:'pie',
            selectedMode: 'single',
            radius: [0, '30%'],

            label: {
                normal: {
                    position: 'inner'
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:[
                {value:335, name:'直达', selected:true},
                {value:679, name:'营销广告'},
                {value:1548, name:'搜索引擎'}
            ]
        },
        {
            name:'访问来源',
            type:'pie',
            radius: ['40%', '55%'],

            data:[
                {value:335, name:'直达'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1048, name:'百度'},
                {value:251, name:'谷歌'},
                {value:147, name:'必应'},
                {value:102, name:'其他'}
            ]
        },
            {
            name:'访问来源',
            type:'pie',
            radius: ['60%', '80%'],

            data:[
                {value:335, name:'直达'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1048, name:'百度'},
                {value:251, name:'谷歌'},
                {value:147, name:'必应'},
                {value:102, name:'其他'}
            ]
        }
    ]
};
阅读 6.4k
3 个回答

不懂你说的怎么把数据塞进去是什么意思……

按我理解,只需要把你的后台json数组转变成以下形式然后替换掉demo里面的data即可。

[
    {value:335, name:'直达', selected:true},
    {value:679, name:'营销广告'},
    {value:1548, name:'搜索引擎'}
]

PS:这个问题随便改一下demo里面的数据值就很容易看得出来啊。。

你的三个 JSON 数组是一起的还是三个独立的 Ajax 调用,

三个 JSON 数组,每一个在形式上是不是符合 Demo 中给出来的样子,即每个都是对象数组,对象都有 value 和 name 属性

如果都没问题,按你给的那个 Demo 把三个 data 换成你的三个数组就对了

三组对应3种类型 比如叫type
而每组都有图例类型吧 所以叫分类legend对应一组下的不同段
这样你的结构可以是这样

[
{ type:1 , legend: A,value ....,name..}
....
{ type:2, legend:A, value...,name...}
....
{ type:3, legend:A, value...,name...}
....
]

然后循环就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题