echarts的实例中如何添加背景图片

在echarts最后面添加上这段代码就可以了

function eConsole(param) {//alert(option.series[0].data.length) //alert(option.series[0].data[i]) //param.dataIndex 获取当前点击索引， //alert(param.dataIndex) clickFunc(param.dataIndex)//执行点击效果 }myChart.on("click", eConsole)

效果图：

调用方式：

在yAxis中有一个rich设置，可以设置y轴的展示方式，比如添加图片等。

其他说明，在series中的label设置中，可以设置柱状图文字说明的样式。

看了echarts的demo以及网上大家使用echarts的经验。我使用的是大家都推荐的模块化单文件引入。

首先要去echarts和zrender官网上下载需要的文件

然后将下载下来的文件放在你项目的目录下，我将文件都放在我项目的js目录下。需要注意的是导入的zrender文件夹名不要改变，zrender和echarts在同一个目录下面。

在项目中引用相关文件。我想要用echarts画地图，引用了map.js。引用地图的paths设置比较特殊，如图中我写的是 'echarts/chart/map': '../../Scripts/js/echarts/map',后面写的是map在项目中的实际路径，引用别的图表如pie则其目录只要和 'echarts': '../../Scripts/js/echarts'后面的目录同即可。

引用相关的文件后可能还会出现很多的小问题，主要去看看js文件目录是否正确。

扩展地图插件的时候或者有别的需求需要引入config文件时，要注意一定要将引用的代码放在function(ec){}中，这样就不会报[MODULE_MISS]"echarts/config" is not exists!错了

调试完成后，就可以见到你想要看到的图片啦

---