ehcarts中怎样在矩形数图上加遮罩

ehcarts中怎样在矩形数图上加遮罩,第1张

在echarts的父级div(这个div必须设置position:relative,否则绝对定位不生效)里加一个position:absolute也就是绝对定位的div 宽高大于等于图形的宽高,然后注意z-inde的设置,z-index的值大于图形的z-index值就可以遮住了,鼠标移动取消遮罩,可以用onmouseover事件去做

通过Highcharts提供的setTitle方法可以实现, 具体使用方法可以是添加一个按钮,并设置onclick方法,方法类容就是调用chart.setTitle({text:‘xxx’}),具体代码可以参考我做的效果 chart: {type: 'line',plotBackgroundImage: 'resources/images/logo.jpg' //设置图表的背景图片}

Highcharts 默认会有不同y轴,图例,数据线对应的配色,按照顺序依次使用以下的默认颜色集,["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"]。使用时则直接在json配置文件中添加对象即可 colors = ["", "", ""] ,可调成自己想要的配色,也可以通过Highcharts.setOptions({colors: ['','']})。

在Highcharts 3.x中默认的颜色集合如下:['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']

在Highcharts 2.x中默认的颜色集合如下:['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11251841.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存