Javascript 如何在highcharts中按类别绘制线条？

我试图找出是否有某种方法可以在highcharts中为每个类别绘制一条线，我已经尝试了一段时间，遵循这一点，我当前的图表如下所示：

我想要实现的是这样的目标：

每一行在下一个类别上停止，这样我就可以为每个类别设置“目标”

到目前为止我的

Highcharts.chart（'container'{
图表：{
类型：'bar'
},
标题：{
正文：“按区域分列的历史世界人口”
},
副标题:{
文本：“来源：”
},
xAxis：{
类别：[“非洲”、“美洲”、“亚洲”、“欧洲”、“大洋洲”]，
标题：{
文本：空
}
},
亚克斯：{
分:0,，
标题：{
正文：“人口（百万）”，
对齐：“高”
},
标签：{
溢出：'justify'
},
绘图线：[{
颜色：“红色”，
价值：300，
宽度：2
}]
},
工具提示：{
valueSuffix:'百万'
},
打印选项：{
酒吧：{
数据标签：{
已启用：false
}
}
},
图例：{
布局：“垂直”，
对齐：“右”，
垂直排列：“顶部”，
x:-40，
y:80，
浮动：是的，
边框宽度：1，
背景颜色：（（Highcharts.theme&&Highcharts.theme.legendBackgroundColor）| |'#FFFFFF'），
影子：对
},
学分：{
已启用：false
},
系列：[{
名称：“加斯托斯”，
数据：[107,31,635,203,2]，
颜色：“#f25a41”
}, {
姓名：‘仁达’，
数据：[133156947408,6]，
颜色：“#5c90f9”
}]
});

最简单的方法是使用

Renderer.path（）

函数为每个类别创建自定义标记

API参考：

示例：

---

最简单的方法是使用

Renderer.path（）

函数为每个类别创建自定义标记

API参考：

示例：

---

你能解释一下“每一行停在下一个类别上，这样我就可以为每个类别设定“目标”吗？”？我得到的是，你想以红色标记的形式突出某个类别。@技术官僚我想做的是使用plotLine，就像它为每一行建议一个“要实现的目标”：例如：这个月我花了3000美元，我的目标是花费不到3500美元，所以在3500美元处会有一个红色标记。。。在照片上，它说非洲，美洲，亚洲。。。会有一些像房屋账单、餐馆、旅行等等，明白了。d_paul用演示和api参考很好地回答了这个问题。你能解释一下“每一行都停在下一个类别上，这样我就可以为每个类别设置“目标”吗？我得到的是，你想要以红色标记的形式突出某个类别。@TechnoCrat我想做的是使用plotLine，就像它建议“要实现的目标”一样对于每一行：例如：这个月我花了3000美元，我的目标是花不到3500美元，所以在3500处会有一个红色标记。。。在照片上，它说非洲，美洲，亚洲。。。会有一些像房屋账单、餐馆、旅行等等，明白了。d_paul通过演示和api参考很好地回答了这个问题。太棒了！那正是我想要的。酷！如果你觉得有用，请接受答案并投票表决。谢谢，太棒了！那正是我想要的。酷！如果你觉得有用，请接受答案并投票表决。谢谢

Highcharts.chart('container', {
      chart: {
        type: 'bar'
      },
      title: {
        text: 'Historic World Population by Region'
      },
      subtitle: {
        text: 'Source: <a href="https://en.wikipedia.org/wiki/World_population">Wikipedia.org</a>'
      },
      xAxis: {
        categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
        title: {
          text: null
        }
      },
      yAxis: {
        min: 0,
        title: {
          text: 'Population (millions)',
          align: 'high'
        },
        labels: {
          overflow: 'justify'
        },
        plotLines: [{
          color: 'red',
          value: 300,
          width: 2
        }]
      },
      tooltip: {
        valueSuffix: ' millions'
      },
      plotOptions: {
        bar: {
          dataLabels: {
            enabled: false
          }
        }
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -40,
        y: 80,
        floating: true,
        borderWidth: 1,
        backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
        shadow: true
      },
      credits: {
        enabled: false
      },
      series: [{
        name: 'Gastos',
        data: [107, 31, 635, 203, 2],
        color: '#f25a41'
      }, {
        name: 'Renda',
        data: [133, 156, 947, 408, 6],
        color: '#5c90f9'
      }]
    });