以下是使用AmCharts 3绘制水平线的示例代码:
// 创建 AmCharts 图表对象
var chart = AmCharts.makeChart("chartdiv", {
// 配置图表属性
// ...
// 图表加载完成后执行的函数
"listeners": [{
"event": "init",
"method": function(e) {
// 获取图表对象
var chart = e.chart;
// 根据 x 轴值绘制水平线
var value = 10; // 水平线的 x 轴值
var categoryAxis = chart.categoryAxis;
var valueAxis = chart.valueAxes[0];
// 将 x 轴值转换为图表上的坐标
var x = categoryAxis.categoryToCoordinate(value);
// 创建水平线对象
var line = new AmCharts.Guide();
// 设置水平线的属性
line.lineColor = "#FF0000"; // 线条颜色
line.lineThickness = 2; // 线条粗细
line.value = x; // 水平线的 x 轴坐标
// 将水平线添加到图表的坐标系中
categoryAxis.addGuide(line);
}
}]
});
这里假设您已经有一个包含 id="chartdiv" 的 DIV 元素来放置图表。在 listeners 属性中,我们使用了 init 事件来监听图表加载完成的事件,并在事件处理函数中绘制了水平线。您可以根据需要修改水平线的属性,如颜色、粗细等。
请注意,AmCharts 3 在2020年已经停止维护,推荐使用AmCharts 4来构建最新的图表。