随笔分类 -  *echart

tooltip鼠标放上提示的设置
摘要:在 option配置中设置 tooltip 属性 tooltip: { trigger:"axis", formatter:function(val){ var txt = val[0].name; return val[0].marker+val[0].name+":"+val[0].value+ 阅读全文

posted @ 2022-02-16 16:30 一名小学生呀 阅读(331) 评论(0) 推荐(0)

echarts Y轴名称显示不全,称位置调整 === X轴名称位置调整
摘要:Y轴左侧的文字太多显示不全,坐标轴名称位置调整使用 yAxis: { name:yAxisName, type: 'value', nameTextStyle:{ padding:[0,0,0,60] } } 旋转: nameRotate, 旋转度数名称与坐标轴间距: nameGap , 间距大体位 阅读全文

posted @ 2022-02-03 22:27 一名小学生呀 阅读(6696) 评论(0) 推荐(0)

echarts重新加载重绘问题 === Y轴单位自动适应(转换)大小
摘要:重新加载重绘问题: echarts需要重新渲染,这时候,需要将之前渲染的图表的_echarts_instance_属性去掉。因为echarts绘制都要创建一个Echarts实例,返回echartsInstance。所以我们只需要在重新创建的时候,移除之前创建的实例并且重新创建一个Echarts实例: 阅读全文

posted @ 2022-02-03 22:11 一名小学生呀 阅读(1277) 评论(0) 推荐(0)

vue echarts 组件使用
摘要:官网参考:https://echarts.apache.org/zh/option.html#title 1.安装echarts // npm安装echarts npm install echarts --save// 或者// 先安装淘宝镜像npm install -g cnpm --regist 阅读全文

posted @ 2022-02-02 22:43 一名小学生呀 阅读(423) 评论(0) 推荐(0)

ECHART柱状图Y轴最小间隔问题,Y轴不显示小数
摘要:项目中用到柱状图,数据量少的时候,Y轴会出现小数 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', }, s 阅读全文

posted @ 2021-11-26 15:02 一名小学生呀 阅读(2952) 评论(0) 推荐(1)

导航