-2

我试图仅在混合/组合图表类型(折线和条形图)中显示折线图的数据标签,但我找不到为条形系列禁用它的方法。

可以在此链接中可视化代码 这是我现有的代码。

var options = {
      chart: {
        height: 310,
        type: 'line',
        stacked: false,
      },
      series: [{
        name: 'Series Column',
        type: 'column',
        data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
      }, {
        name: 'Series Area',
        type: 'area',
        data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
      }, {
        name: 'Series Line',
        type: 'line',
        data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
      }],           
      markers: {
        size: 0
      },
      dataLabels: {
        enabled: true
      },
      xaxis: {
        type:'datetime'
      },
      yaxis: {
        title: {
          text: 'Points',
        },
        min: 0
      },
      

    }

    var chart = new ApexCharts(
      document.querySelector("#chart"),
      options
    );

    chart.render();

是否可以选择关闭混合图表中特定系列的数据标签?

4

1 回答 1

0

目前,没有选项可以明智地打开/关闭数据标签系列。它适用于所有系列。我在 GitHub 上打开一个问题,以便在下一个版本中实现它。

编辑enabledOnSeries:在 v3.5.0 中提供了一个新选项。你可以像这样使用它

options = {
  dataLabels: {
    enabled: true,
    enabledOnSeries: [1, 2]
  }
}

以上将仅显示索引为 1,2 的系列的数据标签,并禁用索引为 0 的系列上的数据标签(在您的示例中 - 列系列)

免责声明:我是 ApexCharts 的作者。

于 2019-02-22T11:03:07.937 回答