仅为混合图表中的特定图表类型启用数据标签

Question

我试图只为 mixed/combo 图表类型（折线图和条形图）中的折线图显示数据标签，但我找不到为条形图系列禁用它的方法。

it is possible to visualize the code in this link 这是我现有的代码。

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();

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

Answer 1

目前，没有将 on/off 数据标签系列化的选项。它为所有系列启用。我正在打开一个 issue on GitHub 以在下一个版本中实现它。

编辑：v3.5.0 中提供了一个新选项enabledOnSeries。你可以像

一样使用它

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

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

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

仅为混合图表中的特定图表类型启用数据标签

Enable data-labels only for specific chart types in a mixed chart

javascript

apexcharts