将水平线添加到AmCharts4哑铃图

// 创建一个哑铃图实例
var chart = am4core.create("chartdiv", am4charts.XYChart);

// 添加数据
chart.data = [{
  "category": "Category 1",
  "value1": 10,
  "value2": 15
}, {
  "category": "Category 2",
  "value1": 5,
  "value2": 12
}, {
  "category": "Category 3",
  "value1": 8,
  "value2": 10
}];

// 创建类别轴
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";

// 创建值轴
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// 创建步进线系列
var series = chart.series.push(new am4charts.StepLineSeries());
series.dataFields.valueY = "value1";
series.dataFields.categoryX = "category";

// 创建哑铃图的水平线
var line = series.segments.template.createChild(am4core.Line);
line.stroke = am4core.color("#FF0000"); // 设置水平线的颜色
line.strokeWidth = 2; // 设置水平线的宽度
line.strokeOpacity = 0.8; // 设置水平线的透明度

// 添加一个箭头标记
var arrow = line.createChild(am4core.Triangle);
arrow.width = 8;
arrow.height = 10;
arrow.horizontalCenter = "middle";
arrow.verticalCenter = "middle";
arrow.direction = "right";
arrow.fill = am4core.color("#FF0000"); // 设置箭头标记的颜色

// 设置序列的属性
series.stroke = am4core.color("#000000"); // 设置序列的线条颜色
series.strokeWidth = 2; // 设置序列的线条宽度

// 添加图例
chart.legend = new am4charts.Legend();

// 将图表添加到页面中
chart.exporting.menu = new am4core.ExportMenu();
chart.exporting.filePrefix = "amCharts4-dumbbell-chart";
chart.exporting.useWebFonts = false;

// 在页面加载完成后生成图表
chart.ready(function() {
  chart.exporting.menu = new am4core.ExportMenu();
  chart.exporting.filePrefix = "amCharts4-dumbbell-chart";
  chart.exporting.useWebFonts = false;
});