引入js文件

<script src="js/treeEcharts.js" type="text/javascript"></script>

代码

        <!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="height: 700px; width: 1200px; background: blue;"></div><!-- ECharts单文件引入 --><script type="text/javascript">// 基于准备好的dom，初始化echarts图表var myChart = echarts.init(document.getElementById('main'));// 图表使用-------------------option = {title: {text: '功率谱估计方法'},toolbox: {show: true,feature: {mark: { show: true },dataView: { show: true, readOnly: false },restore: { show: true },saveAsImage: { show: true }}},series: [{name: '树图',type: 'tree',orient: 'horizontal',  // vertical horizontalrootLocation: { x: 100, y: 230 }, // 根节点位置  {x: 100, y: 'center'}nodePadding: 30,layerPadding: 200,hoverable: false,roam: true,symbolSize: 20,itemStyle: {normal: {color: '#4883b4',label: {show: true,position: 'right',formatter: "{b}",textStyle: {color: '#000',fontSize: 25}},lineStyle: {color: '#ccc',type: 'curve' // 'curve'|'broken'|'solid'|'dotted'|'dashed'}},emphasis: {color: '#4883b4',label: {show: false},borderWidth: 0}},data: [{"name": "功率谱估计方法", "children": [{"name": "经典估计法", "children": [{ "name": "间接法" }, { "name": "周期图法" }, { "name": "改进方法" }]}, {"name": "现代估计法", "children": [{"name": "参数模型法", "children":[{"name": "AR模型", "children":[{ "name": "自相关法" }, { "name": "Burg法" }, { "name": "协方差法" }, { "name": "改进协方差法" }]}, { "name": "MA模型" }, { "name": "ARMA模型" }]}, {"name": "非参数法", "children":[{ "name": "多窗口法" }, { "name": "MUSIC法" }, { "name": "特征分解法" }]}]}]}]}]};myChart.setOption(option);</script>

实例展示