search

Zen33 / vue-sparklines

Sparkline chart built with Vue.
MIT License
66 stars 23 forks source link

我想让折线图或直方图的最下缘对应值为0，该怎么实现？ #1

Closed legendjslc closed 6 years ago

legendjslc commented 6 years ago

我用sparklineBar显示近20天的数据变化趋势，如果没有数据，这一天的值就是0，否则就是数据条数。 比如：[12, 12, 12, 8, 6, 0, 0, 0]. 想让图的最低端对应0，这样就可以很明显低看出有没有数据，但实际上图标默认是自动调整的，最底端对应的是最小的数据。 有没有这个功能？这个在哪里设置？

Zen33 commented 6 years ago

最低端指的是参考线（Reference Line）吗？

legendjslc commented 6 years ago

我说的最低端就是指图表的底边位置，我希望图表的底边对应值为0。应该不是参考线。 设置参考线类型为custom应该可以。但参考线custom类型应该怎么写？只写spRefLineType3: 'avg',应该不够吧，还需要一个数字或者函数。

又想到一点，还应该提供一个设置最大参考值的功能，即图表的顶边对应的数值，这样设置后更容易看清数据的比例。

谢谢你的回复。

Zen33 commented 6 years ago

参考线当前主要有5类：'max', 'min', 'avg', 'median', 'custom'。 其中avg与median的区别是前者是数据集合的平均数，后者是数据集合中间数。依照“最低端对应的最小的数据”可以将ref-line-type='min'即可。 另，如果需要自定义当前参考线，即当ref-line-type='custom'时候，必须同时存在ref-line-props对象，且其属性value对应你所要呈现的具体数字。

legendjslc commented 6 years ago

不好意思，是我看文档不够仔细，已经有max和min属性，通过这两个属性可以设置图表的数据值范围，可以实现我想要的功能。 谢谢。

Zen33 commented 6 years ago

当前文档还不够详细，接下来会逐步完善，感谢支持 :)