问

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

LinerContourMakeup_669 发布于 2022-10-28 16:17

数据库

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

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

option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} 
{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:'其他'}
            ]
        }
    ]
};

3 个回答

三组对应3种类型比如叫type
而每组都有图例类型吧所以叫分类legend对应一组下的不同段
这样你的结构可以是这样
```
[
{ type:1 , legend: A,value ....,name..}
....
{ type:2, legend:A, value...,name...}
....
{ type:3, legend:A, value...,name...}
....
]
```
然后循环就可以了
2022-11-12 01:44 回答

再见vivian
你的三个 JSON 数组是一起的还是三个独立的 Ajax 调用，

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

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

2022-11-12 01:44 回答

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

按我理解，只需要把你的后台json数组转变成以下形式然后替换掉demo里面的data即可。
```
[
    {value:335, name:'直达', selected:true},
    {value:679, name:'营销广告'},
    {value:1548, name:'搜索引擎'}
]
```
PS：这个问题随便改一下demo里面的数据值就很容易看得出来啊。。
2022-11-12 01:44 回答

Jack捷L

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签

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

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