<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=' + encodeURIComponent(params.name));
//点击柱状图不同位置跳转到不同页面
var name=params.name;
if(name=="衬衫"){
window.location.href="temperature";
}else if(name=="羊毛衫"){
window.location.href="air_quality";
}
myChart.on('click',eConsole);
});
</script>
以上代码试验了点击柱状图的不同位置,可以跳转到不同页面,或打开新页面。