echarts 树图属性设置

最新推荐文章于 2024-05-24 17:52:25 发布

咖啡有点酷

最新推荐文章于 2024-05-24 17:52:25 发布

阅读量1.7k

点赞数

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_40295815/article/details/104789323

版权

本文介绍了如何在Echarts中自定义树图的属性，包括数据加载后对节点和边样式的设置，如颜色、边框颜色等，并展示了如何通过JavaScript动态设置tooltip提示和布局。通过直接在数据中设置lineStyle和itemStyle，可以实现树图的个性化展示。

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

树图属性自定义
myChart.showLoading();
$.get('data/asset/data/flare.json', function (data) {
myChart.hideLoading();

echarts.util.each(data.children, function (datum, index) {
index % 2 === 0 && (datum.collapsed = true);
});

data.children[0].itemStyle = {
color : '#0000ff',
borderColor:'#0000ff'
};
data.children[0].lineStyle = {
color : '#0000ff',
borderColor:'#0000ff'
}

myChart.setOption(option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',

data: [data],