<script type="text/javascript">
//基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
//指定图表的配置项和数据
var option = {
title:{
text:'主页地图展示'
},
tooltip:{},
legend:{
data:['销量']
},
xAxis:{
data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis:{
},
series:[{
name:'销量',
type:'bar',
data:[5,20,36,10,10,20]
}]
};
//使用刚指定的配置项和数据显示图表
myChart.setOption(option);
myChart.on('click', function(params){
// 点击柱状图不同位置打开相应的百度搜索页面
//window.open('https://www.baidu.com/s?wd=' +
【数据可视化】echarts绘制带有点击事件的图表
最新推荐文章于 2024-07-30 00:26:52 发布