Incubator-echarts: 如何为多个饼状图配置各自标题

Created on 11 Jul 2018  ·  1Comment  ·  Source: apache/incubator-echarts

One-line summary [问题简述]

无法为多个饼状图配置各自title

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]: 4.0
  • Browser version [浏览器类型和版本]: Chrome
  • OS Version [操作系统类型和版本]: Mac OS

Expected behaviour [期望结果]

例如在官方示例示例中,有四个饼状图,如何为他们设置各自的title

ECharts option [ECharts配置项]


option = {
  ...
                         series = [{
                name: 'A',
                type: 'pie',
                radius: ['40%', '68%'],
                selectedMode: 'single',
                hoverAnimation: false,
                center: chartCenter,
                label: {
                    show: false
                },
                data: [
                    {value: item.amount5, name: '非常好', itemStyle: {color: '#7FC9FF'}},
                    {value: item.amount4, name: '很好', itemStyle: {color: '#13C2C2'}},
                    {value: item.amount3, name: '一般', itemStyle: {color: '#2FC25B'}},
                    {value: item.amount2, name: '很差', itemStyle: {color: '#FACC14'}},
                    {value: item.amount1, name: '非常差', itemStyle: {color: '#F04864'}}
                ],
            }, {
                                   name: 'B',
                type: 'pie',
                radius: ['40%', '68%'],
                selectedMode: 'single',
                hoverAnimation: false,
                center: chartCenter,
                label: {
                    show: false
                },
                data: [
                    {value: item.amount5, name: '非常好', itemStyle: {color: '#7FC9FF'}},
                    {value: item.amount4, name: '很好', itemStyle: {color: '#13C2C2'}},
                    {value: item.amount3, name: '一般', itemStyle: {color: '#2FC25B'}},
                    {value: item.amount2, name: '很差', itemStyle: {color: '#FACC14'}},
                    {value: item.amount1, name: '非常差', itemStyle: {color: '#F04864'}}
                ],
                            }], 
        itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    },

                }
}

Other comments [其他信息]


Most helpful comment

title 可以是数组

>All comments

title 可以是数组

Was this page helpful?
0 / 5 - 0 ratings