先给你普及两个知识点:
1、SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
2、canvas 通过 JavaScript 来绘制 2D 图形。Canvas 是逐像素进行渲染的。一旦图形被绘制完成,它就不会继续得到浏览器的关注。
echarts 是基于canvas 画的图,所以图形画完后你是无法获取并 *** 作图的各个元素。
你既然知道 echarts 是通过 json 生成图形的,那你可以换个思路,在你查询事件里去生成一个json 传给echarts组件,进行图形的重新绘制,而这个json 是你能够生成并控制的,也就是说,你可以指定某一块区域显示不同颜色,文字等等
本来我是不太想回答的,不是一两句能说清楚,具体方案要你自己去实现。好好研究下地图相关配置
显示什么问题?我之前遇到的就是引用echarts后地图不显示的问题。这个问题是因为echarts3的地图的geo数据以前的中国地图是内置了,现在新版本需要自己下载的china的js或json数据,引用了之后就可以显示了。是否是这样
option = {
color: ['#00fff6', '#006699', '#4cabce', '#e5323e'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
textStyle:{//图例文字的样式
color:'#dbdbdb',
fontSize:15
},
calculable: true,
xAxis: [
{
type: 'category',
axisTick: {show: false},
data: ['2014', '2015', '2016', '2017', '2018']
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: 'Forest',
type: 'bar',
color:'#006699',
barGap: 0,
label: labelOption,
data: [88, 32, 91, 34, 90],
}]
};
// res 为后台数据获取,假设获取为数组
let res = [11,22,33,44,55];
optionseries[0]data = res;
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)