Javascript 图表上的水平线和填充

Javascript 图表上的水平线和填充,javascript,graph,line,amcharts,Javascript,Graph,Line,Amcharts,我有一张图表,x轴上有日期,y轴上有数字-15到15 我需要在-3处有一条水平线,并用黄色填充0到-3的空间。我能在amcharts上找到的唯一与此相关的文档对我来说太少了 代码 我在图表的右侧得到一条模糊的垂直线,这不是我需要的 虽然它没有显示为代码示例,但链接的文档确实提到可以将指南放入。快速修复方法是将参考线移动到Y值轴而不是图表配置的顶层,以获得所需的结果,否则,如果将参考线放置在对象的顶层,图表将假定参考线放置在X轴上 valueAxes: [{ position: "left",

我有一张图表,x轴上有日期,y轴上有数字-15到15

我需要在-3处有一条水平线,并用黄色填充0到-3的空间。我能在amcharts上找到的唯一与此相关的文档对我来说太少了

代码


我在图表的右侧得到一条模糊的垂直线,这不是我需要的

虽然它没有显示为代码示例,但链接的文档确实提到可以将指南放入。快速修复方法是将
参考线
移动到Y值轴而不是图表配置的顶层,以获得所需的结果,否则,如果将参考线放置在对象的顶层,图表将假定参考线放置在X轴上

valueAxes: [{
  position: "left",
  guides: [{
    fillAlpha: 0.10,
    value: 0,
    toValue: -3,
    lineColor: "#CC0000",
    lineAlpha: 2,
    fillAlpha: 0.2,
    fillColor: "#CC0000",
    inside: true
  }]
}, {
  // ... X axis def omitted
}]
另一种选择是,如果您知道valueAxis的id,则在指南中指定id:

AmCharts.makeChart("...", {
  // ...
  valueAxes: [{
    id: "yaxis",
    position: "left",
    // ...
  }, {
    // ... x axis omitted
  }],
  guides: [{
    // ...
    valueAxis: "yaxis"
  }],
  // ...
});

AmCharts.makeChart("...", {
  // ...
  valueAxes: [{
    id: "yaxis",
    position: "left",
    // ...
  }, {
    // ... x axis omitted
  }],
  guides: [{
    // ...
    valueAxis: "yaxis"
  }],
  // ...
});