Question

我创建了下面显示的一组条形图。我正在使用ApexCharts及其反应包装。这些条形图表示一组项目，它们的总值不应超过7.5。这些组的创建方式也有所不同，因为我希望将同一标签下的项目放置在同一图表中，但是在这种情况下无关紧要。

我想为每个图表添加一条水平的红线以显示这些条形图的限制，但是我对文档有一定的要求，因为多图表的唯一版本是折线图，因此示例没有就我而言，这真的行不通。那么，是否有任何变通办法为这些svg图表添加其他行？

我试图像这样在实际数据集之后添加折线图，但它似乎没有呈现任何内容

series: 
[{data:[0.25, 0], name: "Item 1"},
{data:[1.24, 0], name: "Item 1"},
{data:[1,66, 0], name: "Item 1"}
{data:[7.5, 0], type: "line", name: "Item 1"}]

Current chart here

编辑：通过在类似这样的选项中使用注释属性来找到解决方案：

   annotations: {
              yaxis: [
                {
                  y: 7.5,
                  borderColor: '#eb4034',
                  label: {
                    borderColor: '#eb4034',
                    style: {
                      color: '#fff',
                      background: '#eb4034',
                    },
                  },
                },
              ],
            },

ApexCharts：条形图中的水平线

0 个答案: