javascript - Sparkline Jquery - 有什么方法可以理解这一点以实际准确显示?
问题描述
我在我的应用程序中使用 Sparkline,我喜欢饼图;但是,我无法在这个世界上获得准确表示的数据。我知道有一些方程式可以用来纠正这个问题,但这对我来说没有任何意义。
例如:
$("#data").sparkline([1,2], {
type: 'pie',
height: '140',
sliceColors: ['#F5F5F5','#1ab394']
});
我在这里试图代表的是 2 个项目中的 1 个,以显示 50%。第二个整数基本上是我的“总”物品数量,第一个是购买的物品数量。但是,如果您在 Sparkline 中显示此值,图表将显示为 1(33%) 和 2(66%)。也许这不是显示此类数据的正确图表?
代表这一点的最佳方式是什么?
解决方案
进行以下更改。将 [1,2] 更改为 [1,1]。基本上,百分比是根据价值/价值总值计算的。对于 [1,2]。百分比是 1/3 和 2/3。对于 [1,1],百分比是 1/2 和 1/2 所以 50%
$("#data").sparkline([1,1], {
type: 'pie',
height: '140',
sliceColors: ['#F5F5F5','#1ab394']
});
推荐阅读
- reactjs - ASP.Net Core React spa 集成测试
- unity3d - Unity 相机问题 - 移动 FPS/TPS 相机以查看目标并恢复玩家控制
- c - 尝试存储每个子进程的 PID
- batch-file - 在 BAT 文件中,如何启动 jmeter 然后等待它完成?
- spring - 春季数据mongodb配置
- python - 为什么它仍然说“FailedPreconditionError: Attempting to use uninitialized value”
- jquery - 动态创建的summernote textarea - 如何在更改时触发功能
- java - spring boot2.1 无法切换redis数据库
- typescript - 使用类作为模板或参数?
- r - 在 R (dplyr) 中重置的条件运行计数(累积和)