Echarts是百度推出的一个数据图表处理JS插件,可以快捷美观的以图表形式处理前端数据,深受用户喜爱,在使用过程中发现柱状图起伏不明显,该怎么办?
近期飞鸟使用了百度的Echarts数据图表插件,不得不说有了这些库,让我们的工作效率大大提高了。在处理一组数据时发现,用柱状图来展示数据变化的时候,柱状图的起伏不明显,导致整个数据很没有说服力,该怎么办?
经过分析发现,这组“房价”数据,基本在16000上下,仅以百为单位上下波动。而Y轴平均一格为3000左右,所以几百的差异在图标上无法较为明显的显示出来。
这个时候想起了Excel里有“坐标轴刻度最小值” 这一设置选项,简单设置就能让数据的起伏更加明显,于是查阅了Echarts的文档,发现有一个参数是“min”,可以设置yAxis(y轴)的最小显示刻度,于是在yAxis{}设置“min:15000,”
yAxis: { axisLine: { show: true, lineStyle: { color: '#1AA1FD', }, symbol: ['none', 'arrow'] }, type: 'value', min:15000,//设置Y轴最小刻度 },
得到下图效果
可以看到设置最小显示刻度后,Y轴一格变为500左右,这时候几百-几千的数据变化就非常明显了,整个柱状图也变得高低起伏,数据浮动非常具有视觉冲击力了
现在类似的工具,开源的很多
感觉是个好东西啊。
车长工作内容还有这种数据罗盘工作?
@西枫里博客: 大数据嘛,自然是公司都要追捧的
以后用到不错的。
这个功能看起来很不错,比自己做表格简单多了
@boke112导航: 主要是前端展示数据用的,比如大数据监控之类,办公还是要用excel
感谢分享
干货,收藏了 多谢博主