Question

我有一张图表，其中x轴为日期，y轴为-15至15。

我需要在-3处有一条水平线，并以黄色填充空间0到-3。我能找到的关于这个问题的唯一文件就是这个 https://www.amcharts.com/kbase/vertical-or-horizontal-lines-or-fill-ranges/

这对我来说太少了。

码

var char = {
    type: 'xy',
    theme: 'light',

    titles: [{
        text: 'Blind PUL-QC Performance'
    }, {
        text: 'Difference: \'Blind PUL-QC(%)\' - \'Original PUL-QC(%)\'',
        bold: false
    }],

    dataProvider: als.webview.qc.reports.pullqccheck.chartDataOrig,
    valueAxes: axes2,
    graphs: graphs2,
    dataDateFormat: "DD-MM-YYYY",


        guides: [ {
            fillAlpha: 0.10,
            value: 0,
            toValue: -3,
            lineColor: "#CC0000",
            lineAlpha: 2,
            fillAlpha: 0.2,
            fillColor: "#CC0000",
            inside: true

    } ]

};

我在图表的右侧得到了一条晕倒的垂直线，这完全不是我需要的。请帮忙！

Answer 1

虽然它没有将其显示为代码示例，但链接文档确实提到您可以在valueAxis中添加指南。快速修复是将guides移动到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＆＃39;那么在指南中指定valueAxis id。 ID：

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

Demo

水平线和填充amcharts

1 个答案: