
echarts
YoungShiHao
这个作者很懒,什么都没留下…
展开
-
echarts去掉折线图中的横线
需求将echarts顶部的横线去掉解决方法一开始的思路是想着找配置如何单独的把线删除掉,发现自己并没有找到,后面想到可以通过设置横线的颜色与背景色一样达到删除的效果// 给splitLine 的lineStyle的color属性提供一个数组// 想哪条线消失就哪条线与背景色相同,这样就能达到删除的效果yAxis: [ splitLine: { lineStyle: { // 使用深浅的间隔色原创 2021-01-11 19:04:43 · 8099 阅读 · 5 评论 -
echarts自定义tooltips里面的内容
需求一:给数值加上%当时值为数字,但需求是后面要加上%,所以就重新定义了里面内容的展示实现方法formatter的params参数介绍原创 2021-01-11 14:09:57 · 440 阅读 · 1 评论 -
echarts-柱状图实现正负坐标倒圆角设置及bar颜色设置
需求1.每根bar正负坐标倒圆角2.每根bar颜色渐变3.每根bar透明度不同,当factor_rank这个值小于50%,则透明度为0.4实现主要是根据series-bar中的data它能进行个性化定义,所以我们可以在我们传给echarts的data添加itemStyle这个属性,这样我们每一根bar都有自己独有的样式const obj ={ name: "动量", value: 20, // echarts对个别数据记性个性原创 2020-12-03 18:33:41 · 2839 阅读 · 0 评论 -
解决给echarts的数据添加null,线断断续续问题
需求:几只不同基金,需要画图比较,但是给的值的日期不是连续的,如A:[8/3,8/4,8/6,…11/2]B:[8/4,8/5,…11/2]因为后台没有做补全处理,也没要求将缺少数据补全为前一天有数据的日期,所以就给数据填充null,但是画出来的图为不连续的解决方法为了解决这个问题,在echarts中找到了connectNulls这个属性,发现它能连接空数据所以只需要在series中设置它为true就能连接series:[ { connectNulls: true, }]设置原创 2020-11-05 18:27:29 · 3505 阅读 · 0 评论 -
实现x轴第一个点左对齐,最后一个点右对齐
效果如图方法:在formatter函数中,利用空格进行占位的操作xAxis: { axisLabel:{ showMaxLabel:true, // 展示最大值 showMinLabel:true, // 展示最小值 formatter: function(value,index){ if(index === 0) { return ' ' + value; } if(index === data.length -1) { return原创 2020-11-05 18:13:46 · 3104 阅读 · 3 评论 -
实现y轴文字左对齐
效果代码//在yAxis的axisLabel属性中设置textStyleaxisLabel: { textStyle: { align:'left',//设置左对齐 baseline:'middle' }, margin:45, //刻度标签与轴线之间的距离 },...原创 2019-12-02 10:02:58 · 2340 阅读 · 0 评论 -
实现x轴两端对齐操作
想要实现的效果x轴的第一个和最后一个两端对齐解决方法具体的做法是利用formatter函数 动态运算拿到最后一个值 进行处理 具体代码如下 利用空格进行占位 骚操作formatter: function(value, index) { let seriesData = data[0].data; if (index === 0) { return ` ...原创 2019-11-29 18:30:42 · 1741 阅读 · 0 评论