JavaScript图形趋势线(区域背景颜色)和颠倒的y轴

标签 javascript graph trendline

我需要一个跨浏览器/平台的两个系列折线图/图表。我们曾经有 fusionchart,但由于一些已知的限制,我们想使用像 jqplot 这样的东西。

目标接近所附图像,除了一件事:y 系列值应该颠倒(不是从 110 到 -10,而是从 -10 到 110)。我不知道如何在 jqplot 中做到这一点。

总而言之,我们需要:

  • 两个系列折线图
  • y系列从最小值到最大值 (不知道)
  • 趋势线(区域背景颜色),带标签 就像右边的“严重损失”、“中度损失”和“轻度损失”。 (不知道)

使用哪种 JavaScript 图并不重要,只要能满足以上 3 个要求即可

sample graph

最佳答案

抱歉,我终于弄清楚如何使用flot .

  • 两个系列折线图
  • y系列从最小值到最大值(带有y轴的transform和inverseTransform函数)
  • 趋势线(区域背景颜色),带有“严重”等标签 右边有“损失”、“中度损失”和“轻度损失”。(有标记,虽然没有标记的标签,但我可以尝试破解它)

关于JavaScript图形趋势线(区域背景颜色)和颠倒的y轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12904517/

相关文章:

javascript - 正则表达式不能很好地捕获组

c# - 在 Windows Mobile 6 中绘制图表

algorithm - 求出金字塔结构中第 i 个杯子中的水量?

r - 从 geom_smooth() 中提取多条趋势线的斜率

javascript - 如何在 javascript 中创建一个 .replace 循环?

javascript - 如何防止两个react-native Picker相互影响?

javascript - 如何从使用 Google Maps API 的站点恢复地理位置列表

java - 如何使用 Java 创建数据流程图

python - 如何在绘制 R2 值时使趋势线穿过原点 - python

amcharts - 趋势线在 Amcharts 甘特图中不起作用