javascript - jQuery/JS 图表 - 根据条件绘制不同颜色的线条

标签 javascript jquery html css graph

我需要为移动应用程序支持多色(最有可能是三种颜色)的折线图库。

例如:y 轴称为葡萄糖,范围为 50 -600,然后 x 轴为日期,范围为一个月(因此范围始终为每天 30 点)

逻辑:考虑x轴从

1st and level of glucose is 70
2nd  - 80
…
…
…
9th  - 300
10th – 350
…
…
…
15th – 500
16th – 550
…
…
…
25th – 120
26th – 130

所以我的图表应该绘制如下,取决于葡萄糖水平。

50 – 150  - low – and line color should be green
151 – 300 – average – line color should be orange
Above 301 – high – line color should be red

我浏览了 Google Graphs 和 jqPlot,但似乎不太走运,有人对此有经验吗?

最佳答案

最后,我找到了很好的库,它解决了我的问题。称为 Flot Chart

通过分配阈值和逻辑,我们可以为同一条连续线获得不同的颜色。可以找到几个例子here .

关于javascript - jQuery/JS 图表 - 根据条件绘制不同颜色的线条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7835597/

相关文章:

javascript - Angular $uibmodal 异步解析

javascript - Bootstrap Navbar 在响应页面上中断

javascript - 如何知道您何时在浏览器中收到图像?

javascript - 单击按钮返回所有链接

javascript - 在页面顶部创建 Canvas

javascript - 从片段着色器恢复像素数据会导致意外行为

javascript - 如何在 ruby​​ on Rails 中的 haml 内的 js 设置 session 变量?

jquery - 仅当从下拉列表中选择选项时才附加到 iframe src

jQuery 选项卡 - 页面上有多个选项卡

html - 如何使广告响应