
echarts
蒲小若
这个作者很懒,什么都没留下…
展开
-
echarts map 获取点击位置的adcode,然后调取接口
this.$nextTick(() => { const _this = this if (this.echartMap) { return } // 获取地图数据 axios.get('/json/eerduosi.geoJson').then(res => { echarts.use([MapChart]) echarts.registerMap('鄂.原创 2021-11-08 20:06:48 · 3313 阅读 · 0 评论 -
Echarts线形图表根据后端返回的枚举值渲染相应的文案
如:想要将后端返回的0,1在Y轴上和tooltip上显示为对应的停止和运行在设置之前是这样的:在图表设置的option中加上如下配置项option = { // 在tooltip中增加formatter tooltip: { formatter: (params) => { let value = params[0].data let status = '' if (value.原创 2021-09-08 17:12:15 · 291 阅读 · 0 评论 -
echarts 柱状图 设置y轴最小刻度为1
在没有设置y轴最小刻度时,效果是这样的任务呢,是不会有零点几个的,所以这么做是不合理的,要把Y轴的最小刻度设置为1设置好之后的效果是这样的,这就符合了需求原创 2020-10-13 15:45:51 · 5721 阅读 · 1 评论 -
echarts饼图分两行来显示legend
getPirECharts (data) { let name1 = data.filter((item, index) => { if (index < (data.length / 2)) { return item.name } }) let name2 = data.filter((ite...原创 2020-05-06 16:49:20 · 5394 阅读 · 0 评论 -
echarts柱状图不同的柱子循环显示不同的渐变颜色
getBarECharts (xdata, ydata) { let medicalCare = echarts.init(document.getElementById('medicalCare')) let option = { tooltip: { trigger: 'axis', axisPointe...原创 2020-05-06 16:47:52 · 1143 阅读 · 1 评论 -
echarts图表显示不全
最近是使用echarts的时候遇到了一个问题,同个界面有三个地方需要显示饼状图,其中第一个正常显示,第二个和第三个出现了图表现实不全的问题,如下所示:上图分别是第二张图和第三张图,他们是按照正常比例来显示的,显示的是不正常的。若要正常显示,就会出现图表显示不全,只显示部分图表(不想再去复现了,所以就将就着看吧,哈哈)要想解决上述问题,需要在设置此图表的option树形之前添加一句...原创 2019-12-30 16:22:48 · 6068 阅读 · 0 评论 -
echarts横向柱状图的宽度随着柱的多少自适应
letnum= data.length // x轴的数量window.onresize=this['chart'+index].resizeletautoHeight=num*50+100this['chart'+index].getDom().style.height=autoHeig...原创 2019-12-27 16:48:41 · 3867 阅读 · 0 评论