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