Echarts柱状图起伏不明显怎么办?

2018-10-8 16:39 来自本站原创 10,513 9 7
[摘要]

Echarts是百度推出的一个数据图表处理JS插件,可以快捷美观的以图表形式处理前端数据,深受用户喜爱,在使用过程中发现柱状图起伏不明显,该怎么办?

Echarts柱状图起伏不明显怎么办?

近期飞鸟使用了百度的Echarts数据图表插件,不得不说有了这些库,让我们的工作效率大大提高了。在处理一组数据时发现,用柱状图来展示数据变化的时候,柱状图的起伏不明显,导致整个数据很没有说服力,该怎么办?

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轴最小刻度
            },

得到下图效果

Echarts柱状图起伏不明显怎么办?

可以看到设置最小显示刻度后,Y轴一格变为500左右,这时候几百-几千的数据变化就非常明显了,整个柱状图也变得高低起伏,数据浮动非常具有视觉冲击力了

本文最后更新于2018年10月23日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助微信扫一扫赞助

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 声明:凡注明“本站原创”的所有文字图片等资料,版权均属 雅兮网 所有,欢迎转载,但务请注明出处;
    目前评论:9   其中:访客  0   博主  0
    加载中...
    1. 5年前 (2018-10-18) 0楼

      现在类似的工具,开源的很多

    2. 5年前 (2018-10-16) 0楼

      感觉是个好东西啊。

    3. 5年前 (2018-10-15) 0楼

      车长工作内容还有这种数据罗盘工作?

    4. 5年前 (2018-10-13) 0楼

      以后用到不错的。

    5. 5年前 (2018-10-11) 0楼

      这个功能看起来很不错,比自己做表格简单多了

      • Wing
        5年前 (2018-10-12)  地下1层

        @boke112导航: 主要是前端展示数据用的,比如大数据监控之类,办公还是要用excel [呲牙]

    6. 5年前 (2018-10-11) 0楼

      感谢分享

    7. 贵安交易 1
      5年前 (2018-10-10) 0楼

      干货,收藏了 多谢博主 [调皮]

    发表评论

    疑问 调皮 难过 抠鼻 吓 微笑 可爱 坏笑 惊讶 发呆 疑问 大兵 偷笑 咒骂 发怒 白眼 鼓掌 得意 擦汗 亲亲 大哭 呲牙 晕 强

    分享 9 7 10,513
    Top