Echart.js 入门案例
程序员文章站
2024-03-19 23:18:52
...
Echart 是什么 自行 百度 百度说的很详细 先给张 生成好的页面
代码
<script src="js/echarts.min.js" type="text/javascript"></script>
<div id="main" style="height:400px"></div>
<script type="text/javascript">
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]
}
]
};
//为eccharts 对象加载数据
myChart.setOption(option);
</script>
这边有个坑 不知道原因!!
上一篇: echart制作省市疫情地图
下一篇: echart常用曲线图和折线图配置