highcharts 如何在星形图的中心添加文本和/或将dataLabel与条形图的末尾对齐？

46scxncf 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(121)

到目前为止，我所拥有的简单径向图的代码是：https://jsfiddle.net/du4jxzwn/20/

series: {
            dataLabels: {
                enabled: true,
                align: 'right',
                color: '#FFFFFF',
                x: -10,
                rotation: '270',
            },
            pointPadding: 0.025,
            groupPadding: 0
        }

我想让文本与条形图的末端对齐。我还想在图表的中心添加一些文本，如here所示。有没有办法使用Javascript来实现这一点？

highcharts

来源：https://stackoverflow.com/questions/72696491/how-do-i-add-text-in-the-center-of-a-radial-chart-and-or-align-the-datalabels-to

1条答案

按热度按时间

smdnsysy1#

在序列内部，如果将点保存为对象，则可以在那里编辑dataLabels参数并对齐它。

series: [{
    data: [{
      x: 0,
      y: 29.9,
      dataLabels: {
        enabled: true,
        allowOverlap: true,
        format: 'Financal',
        color: '#000',
        rotation: '280',
        x: 2,
        y: 15
      }
    }, {
      x: 1,
      y: 71.5
    }, {
      x: 2,
      y: 106.4
    }]
  }]

您也可以像这里一样通过events编辑点，并对它们执行update方法来更改某些内容，例如值。

events: {
  load: function() {

    let chart = this,
      series = chart.series[0],
      point = series.data[0],
      dataLabel = point.dataLabel;

    console.log(point);

    point.update({
      y: 33,
    })
  },
},

演示：https://jsfiddle.net/BlackLabel/kjfn5pvc/1/

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts 如何在星形图的中心添加文本和/或将dataLabel与条形图的末尾对齐？

1条答案

相关问题

热门标签

最新问答