echart实例

最新推荐文章于 2025-06-21 15:04:44 发布

原创最新推荐文章于 2025-06-21 15:04:44 发布 · 198 阅读

CC 4.0 BY-SA版权

文章标签：

9 篇文章

订阅专栏

<body>
	<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
	<div id="main" style="height:400px"></div>
	<!-- ECharts单文件引入 -->
	<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
	<script type="text/javascript">
	// 基于准备好的dom，初始化echarts图表
	var myChart = echarts.init(document.getElementById('main'));

	var option = {
	tooltip: {
	show: true
	},
	legend: {
	data:['销量']
	},
	xAxis : [
	{
	type : 'category',
	data : ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
	}
	],
	yAxis : [
	{
	type : 'value'
	}
	],
	series : [
	{
	"name":"销量",
	"type":"bar",
	"data":[5, 20, 40, 10, 10, 20]
	}
	]
	};

	// 为echarts对象加载数据
	myChart.setOption(option);
	</script>
	</body>