echart旭日图_Echarts的旭日图如何显示tooltip

最新推荐文章于 2024-06-03 10:43:33 发布

吴亮弟

最新推荐文章于 2024-06-03 10:43:33 发布

阅读量2.3k

点赞数

文章标签： echart旭日图

本文链接：https://blog.csdn.net/weixin_36368932/article/details/113563792

版权

本文介绍了如何在Echarts的旭日图中显示tooltip，特别是如何展示item的name属性。通过在sunburst.data.emphasis设置中进行配置，可以实现对不同层级的数据项显示自定义的颜色和名称。

摘要由CSDN通过智能技术生成

犯罪嫌疑人X

http://echarts.baidu.com/opti...sunburst没有提供tooltip显示item的name属性，name在data中，所以可以在sunburst.data.emphasis设置var data = [{ name: 'Grandpa', emphasis: { itemStyle: { color: 'red' } }, highlight: { itemStyle: { color: 'orange' } }, downplay: { itemStyle: { color: '#ccc' } }, children: [{ name: 'Uncle Leo', value: 15, children: [{ name: 'Cousin Jack', value: 2 }, { name: 'Cousin Mary', value: 5, children: [{ name: 'Jackson', value: 2 }] }, { name: 'Cousin Ben', value: 4 }] }, { name: 'Father', value: 10, children: [{ name: 'Me', value: 5 }, { name: 'Brother Peter', value: 1 }] }]}, { name: 'Nancy', children: [{ name: 'Uncle Nike', children: [{ name: 'Cousin Betty', value: 1 }, { name: 'Cousin Jenny', value: 2 }] }]}];option = { series: { type: 'sunburst', // highlightPolicy: 'ancestor', data: data, radius: [0, '90%'], label: { rotate: 'radial' } }};