树状图 后台运行package.json脚本 从网站echarts.apache.org/zh/index.ht…
Document
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例',
textStyle:{color :'#d3a5e6'}
},
tooltip: {},//提示信息
legend: {
data: ['1月销量','2月销量','3月销量']
},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [
{
name: '1月销量',
type: 'line',
data: [5, 20, 36, 10, 10, 20],
smooth:0.5
},
{
name: '2月销量',
type: 'line',
data: [5, 20, 40, 10, 10, 20],
smooth:0.5
\
},
{
name: '3月销量',
type: 'line',
data: [5, 20, 36, 20, 10, 20]
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);