![](https://img-blog.csdnimg.cn/20201023114927344.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ECharts升级打怪
ECharts知识点总结
抽屉里的五花肉
专注搬砖30年~
展开
-
js 改变颜色透明度 十六进制 RGBA
/** * 十六进制color颜色/RGBA/RGB,改变透明度 * @param {*} thisColor #555 rgba(85,85,85,0.6) rgb(85,85,85) * @param {*} thisOpacity 0.7 * @returns rgba(85,85,85,0.7) */export function getOpacityColor(thisColor, thisOpacity) { var theColor = thisColor.toLowerCas原创 2022-03-03 15:46:08 · 3478 阅读 · 0 评论 -
ECharts / 折线图常用配置示例
效果:代码: let options = { color: ['#F06964'], xAxis: { type: 'category', // 类目轴,适用于离散的类目数据。 boundaryGap: false, // 坐标轴两边留白策略,默认为 true,这时候刻度只是作为分隔线,标签和数据点都会在两个刻度之间的带(band)中间 data: [], // 横轴数据 axisLine: { // 坐标轴原创 2020-10-23 15:34:24 · 498 阅读 · 1 评论 -
ECharts / 事件和行为
在 ECharts 中事件分为两种类型,一种是用户鼠标操作点击,或者 hover图表的图形时触发的事件,还有一种是用户在使用可以交互的组件后触发的行为事件,例如在切换图例开关时触发的’legendselectchanged’事件(这里需要注意切换图例开关是不会触发’legendselected’事件的),数据区域缩放时触发的 ‘datazoom’ 事件等等。鼠标事件的处理ECharts 支持常规的鼠标事件类型,主要通过 on 方法添加事件处理函数,包括 :‘click’、‘dblclick’.原创 2020-10-23 14:18:58 · 344 阅读 · 0 评论