首页 新闻 搜索 专区 学院

json echarts ajax

0
悬赏园豆:100 [待解决问题]

option = {
    title : {
        text: '手机占有率',
        subtext: '数据下钻例子,虚构数据'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{b}: {c}"
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : false,
    series : [
        {
            name:'手机占有率',
            type:'treemap',
            itemStyle: {
                normal: {
                    label: {
                        show: true,
                        formatter: "{b}"
                    },
                    borderWidth: 1,
                    borderColor: '#ccc'
                },
                emphasis: {
                    label: {
                        show: true
                    },
                    color: '#cc99cc',
                    borderWidth: 3,
                    borderColor: '#996699'
                }
            },
            data:[
                {
                    name: '三星',
                    itemStyle: {
                        normal: {
                            color: '#99cccc',
                        }
                    },
                    value: 6,
                    children: [
                        {
                            name: 'Galaxy S4',
                            value: 2
                        },
                        {
                            name: 'Galaxy S5',
                            value: 3
                        },
                        {
                            name: 'Galaxy S6',
                            value: 3
                        },
                        {
                            name: 'Galaxy Tab',
                            value: 1
                        }
                    ]
                },
                {
                    name: '小米',
                    itemStyle: {
                        normal: {
                            color: '#99ccff',
                        }
                    },
                    value: 4,
                    children: [
                        {
                            name: '小米3',
                            value: 6
                        },
                        {
                            name: '小米4',
                            value: 6
                        },
                        {
                            name: '红米',
                            value: 4
                        }
                    ]
                },
                {
                    name: '苹果',
                    itemStyle: {
                        normal: {
                            color: '#9999cc',
                        }
                    },
                    value: 4,
                    children: [
                        {
                            name: 'iPhone 5s',
                            value: 6
                        },
                        {
                            name: 'iPhone 6',
                            value: 3
                        },
                        {
                            name: 'iPhone 6+',
                            value: 3
                        }
                    ]
                },
                {
                    name: '魅族',
                    itemStyle: {
                        normal: {
                            color: '#ccff99',
                        }
                    },
                    value: 1,
                    children: [
                        {
                            name: 'MX4',
                            itemStyle: {
                                normal: {
                                    color: '#ccccff',
                                }
                            },
                            value: 6
                        },
                        {
                            name: 'MX3',
                            itemStyle: {
                                normal: {
                                    color: '#99ccff',
                                }
                            },
                            value: 6
                        },
                        {
                            name: '魅蓝note',
                            itemStyle: {
                                normal: {
                                    color: '#9999cc',
                                }
                            },
                            value: 4
                        },
                        {
                            name: 'MX4 pro',
                            itemStyle: {
                                normal: {
                                    color: '#99cccc',
                                }
                            },
                            value: 3
                        }
                    ]
                },
                {
                    name: '华为',
                    itemStyle: {
                        normal: {
                            color: '#ccffcc',
                        }
                    },
                    value: 2
                },
                {
                    name: '联想',
                    itemStyle: {
                        normal: {
                            color: '#ccccff',
                        }
                    },
                    value: 2
                },
                {
                    name: '中兴',
                    itemStyle: {
                        normal: {
                            color: '#ffffcc',
                        }
                    },
                    value: 1,
                    children: [
                        {
                            name: 'V5',
                            value: 16
                        },
                        {
                            name: '努比亚',
                            value: 6
                        },
                        {
                            name: '功能机',
                            value: 4
                        },
                        {
                            name: '青漾',
                            value: 4
                        },
                        {
                            name: '星星',
                            value: 4
                        },
                        {
                            name: '儿童机',
                            value: 1
                        }
                    ]
                }
            ]
        }
    ]
};
数据都能拿到 ,但是如何给name   和    value   赋值呢        求大神指教!!!!!    

绝世武神的主页 绝世武神 | 初学一级 | 园豆:6
提问于:2016-10-14 09:47
< >
分享
所有回答(4)
0

数据描述不清楚

顾晓北 | 园豆:10241 (专家六级) | 2016-10-14 09:51

jsonA----------[{"speName":["'放射卫生'","'医疗卫生'","'传染病防治'","'采供血卫生'"],"factName":[["'未按照规定使用安全防护装置和个人防护用品'","'未按照规定对放射工作人员进行个人剂量监测,未建立个人剂量档案'","'未办理诊疗科目登记或者未按照规定进行校验'","'其他违法行为'","'未按照规定对放射工作人员进行职业健康检查,未建立职业健康监护档案'","'使用非卫生技术人员从事医疗卫生技术工作'","'诊疗活动超出登记范围'","'其他违法行为'","'使用未取得护士执业证书人员或使用未变更执业地点、延续执业注册有效期的护士从事护理活动'","'违法发布医疗广告'","'违反《医疗废物管理条例》的规定'","'违反《疫苗流通和预防接种管理条例》的规定'","'违反《消毒管理办法》的规定'","'包装、储存、运输不符合国家规定的卫生标准和要求'","'其他违法行为'"],["'未按照规定使用安全防护装置和个人防护用品'","'未按照规定对放射工作人员进行个人剂量监测,未建立个人剂量档案'","'未办理诊疗科目登记或者未按照规定进行校验'","'其他违法行为'","'未按照规定对放射工作人员进行职业健康检查,未建立职业健康监护档案'","'使用非卫生技术人员从事医疗卫生技术工作'","'诊疗活动超出登记范围'","'其他违法行为'","'使用未取得护士执业证书人员或使用未变更执业地点、延续执业注册有效期的护士从事护理活动'","'违法发布医疗广告'","'违反《医疗废物管理条例》的规定'","'违反《疫苗流通和预防接种管理条例》的规定'","'违反《消毒管理办法》的规定'","'包装、储存、运输不符合国家规定的卫生标准和要求'","'其他违法行为'"],["'未按照规定使用安全防护装置和个人防护用品'","'未按照规定对放射工作人员进行个人剂量监测,未建立个人剂量档案'","'未办理诊疗科目登记或者未按照规定进行校验'","'其他违法行为'","'未按照规定对放射工作人员进行职业健康检查,未建立职业健康监护档案'","'使用非卫生技术人员从事医疗卫生技术工作'","'诊疗活动超出登记范围'","'其他违法行为'","'使用未取得护士执业证书人员或使用未变更执业地点、延续执业注册有效期的护士从事护理活动'","'违法发布医疗广告'","'违反《医疗废物管理条例》的规定'","'违反《疫苗流通和预防接种管理条例》的规定'","'违反《消毒管理办法》的规定'","'包装、储存、运输不符合国家规定的卫生标准和要求'","'其他违法行为'"],["'未按照规定使用安全防护装置和个人防护用品'","'未按照规定对放射工作人员进行个人剂量监测,未建立个人剂量档案'","'未办理诊疗科目登记或者未按照规定进行校验'","'其他违法行为'","'未按照规定对放射工作人员进行职业健康检查,未建立职业健康监护档案'","'使用非卫生技术人员从事医疗卫生技术工作'","'诊疗活动超出登记范围'","'其他违法行为'","'使用未取得护士执业证书人员或使用未变更执业地点、延续执业注册有效期的护士从事护理活动'","'违法发布医疗广告'","'违反《医疗废物管理条例》的规定'","'违反《疫苗流通和预防接种管理条例》的规定'","'违反《消毒管理办法》的规定'","'包装、储存、运输不符合国家规定的卫生标准和要求'","'其他违法行为'"]],"value":["'11427'","'269838'","'2604'","'33'"],"factValue":["'2835'","'1761'","'2142'","'2868'","'1821'","'67542'","'38778'","'147810'","'5556'","'10152'","'1350'","'297'","'957'","'9'","'24'"]}]

这是我的数据

 

 data:[
                             {
                                name: '',
                                itemStyle: {
                                    normal: {
                                        color: '#99cccc',
                                    }
                                },
                                value:'',
                                children: [
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                   {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    }
                                ]
                            },
                 {
                                name: '',
                                itemStyle: {
                                    normal: {
                                        color: '#99cccc',
                                    }
                                },
                                value:'' ,
                                children: [
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value: ''
                                    },
                   {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    }
                                ]
                            },
                 {
                                name: '',
                                itemStyle: {
                                    normal: {
                                        color: '#99cccc',
                                    }
                                },
                                value:'' ,
                                children: [
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                   {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    }
                                ]
                            },
                 {
                                name: '',
                                itemStyle: {
                                    normal: {
                                        color: '#99cccc',
                                    }
                                },
                                value:'',
                                children: [
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                   {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    }
                                ]
                            },
                 {
                                name: '',
                                itemStyle: {
                                    normal: {
                                        color: '#99cccc',
                                    }
                                },
                                value:'' ,
                                children: [
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    },
                   {
                                        name: '',
                                        value:''
                                    },
                                    {
                                        name: '',
                                        value:''
                                    }
                                ]
                            }
                          
                          
                     
                        ]放到这里边   求指教

支持(0) 反对(0) 绝世武神 | 园豆:6 (初学一级) | 2016-10-14 09:55
0

setOption方法吧

jello chen | 园豆:7096 (大侠五级) | 2016-10-14 09:56
0

用js拼接好data和series ,然后options.data=.., options.series  =..;然后setOption

羊皮纸月亮 | 园豆:154 (初学一级) | 2016-10-14 17:58
0

拼接json

JackWang-CUMT | 园豆:2826 (老鸟四级) | 2016-10-20 17:19
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册