echarts.js tree树形结构 节点展开收起状态

Question

官网是这样描述：

但是好像没有相关参数可配置

demo如图：

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

                data: [data],

                top: '18%',
                bottom: '14%',

                layout: 'radial',

                symbol: 'emptyCircle',

                symbolSize: 7,

                initialTreeDepth: 3,

                animationDurationUpdate: 750

            }
        ]
    });

Answer 1

官网这样标注：
注意：如果配置自定义的图片作为节点的标记，是无法通过填充色来区分当前节点是否有折叠的子树的。而目前暂不支持，上传两张图片分别表示节点折叠和展开两种状态。所以，如果想明确地显示节点的两种状态，建议使用 ECharts 常规的标记类型，如 'emptyCircle' 等。
目前发现只有symbol: 'emptyCircle'空心状态才有展开收起状态，展开为空心，收起则为实心，颜色一致

Answer 2

没太明白你想实现什么效果，是要这样的吗？

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);
    });

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

                data: [data],

                top: '18%',
                bottom: '14%',

                layout: 'radial',

                symbol: 'emptyCircle',

                symbolSize: 7,

                initialTreeDepth: 3,

                animationDurationUpdate: 750,
                expandAndCollapse: true

            }
        ]
    });
});