我需要一个跨浏览器/平台的两个系列折线图/图表。我们曾经有 fusionchart,但由于一些已知的限制,我们想使用像 jqplot 这样的东西。
目标接近所附图像,除了一件事:y 系列值应该颠倒(不是从 110 到 -10,而是从 -10 到 110)。我不知道如何在 jqplot 中做到这一点。
总而言之,我们需要:
- 两个系列折线图
- y系列从最小值到最大值 (不知道)
- 趋势线(区域背景颜色),带标签 就像右边的“严重损失”、“中度损失”和“轻度损失”。 (不知道)
使用哪种 JavaScript 图并不重要,只要能满足以上 3 个要求即可
最佳答案
抱歉,我终于弄清楚如何使用flot .
- 两个系列折线图
- y系列从最小值到最大值(带有y轴的transform和inverseTransform函数)
- 趋势线(区域背景颜色),带有“严重”等标签 右边有“损失”、“中度损失”和“轻度损失”。(有标记,虽然没有标记的标签,但我可以尝试破解它)
关于JavaScript图形趋势线(区域背景颜色)和颠倒的y轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12904517/