echarts
echarts
小丁冲鸭!
你若盛开,鲜花自来。
展开
-
如何往echarts的option中传入自己的字段变量
前言:有的时候,tooltip中需要展示一些数据,但是有的数据在echarts默认option属性中没有时,就只能自己将数据传入option中,下面是亲测有效的一种写法。写法:将想要传入的数据写在series的data里,变量名称自己定,option代码如下:var option = { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量']..原创 2020-12-24 14:20:22 · 4746 阅读 · 0 评论 -
Echarts控制至少选中一个图例
一、echarts的图例二、this.chart.on('legendselectchanged', function (param) { var selected = []; for (var key in param.selected) { if (param.selected[key]) { selected.push(key); } } if (selected.length < 1) {.原创 2020-12-11 13:50:50 · 1434 阅读 · 0 评论 -
echarts中图例换行并且对齐的一种方法
111原创 2020-09-25 16:01:42 · 6540 阅读 · 1 评论 -
echarts饼图如何去掉点击扇区高亮
问题:echarts饼图如何去掉点击扇区高亮?为了方便使用,echarts的饼图中给加入了默认的hover高亮效果,其实是挺好用的,但是恰恰有的时候用不到,只是展示图表,不需要交互,那怎么办呢?只需要设置series中的silent属性设置成true即可,就是这个:但是这个属性设置成true后,就不会响应和触发 鼠标事件了,而恰恰我又需要鼠标移动到饼图上时触发hover事件,但是是整个的只触发一次,然后显示整体的数据,最终效果如下(数据为模拟数据,鼠标移入时显示,移出时消失,显示在饼图左下角的)原创 2020-08-21 15:31:31 · 9018 阅读 · 2 评论 -
Echarts 散点图的 tooltip设置跟随鼠标移动,并将显示位置固定在指定大小区域
问题:在散点图中设置了tooltip后,不设置position,使用默认的配置,toolt的显示位置是跟随鼠标移动的,但是会出现显示不全的情况,如下图。这产品肯定不能忍啦,必须改!!!于是我去看了echarts的文档,看到tooltip的position属性,可以把位置设置大概分成两部分,一部分是固定位置,一部分是跟随鼠标移动。1.固定位置(1)使用px设置绝对位置 // 绝对位置,相对于容器左侧 10px, 上侧 10 px position: [10, 10]..原创 2020-08-19 10:05:27 · 5855 阅读 · 5 评论 -
echarts之渐变色设置
1原创 2020-07-28 09:47:50 · 18218 阅读 · 1 评论