小编X3n*_*3n0的帖子

ApexCharts Stacked Columns 系列的特定颜色

我想在 Apex Charts Stacked Column 中显示数据,每个系列都有特定的颜色(将产品 A 和产品 B 的颜色更改为红色和绿色)。默认顶点图表选择颜色。

我试图通过添加颜色选项并设置 plotOptions,bar,distributed: true 来更改颜色。但是随后孔列的颜色相同,并且堆叠的数据没有分开。

$(document).ready(function() {
  var options = {
    chart: {
      height: 350,
      type: 'bar',
      stacked: true,
      toolbar: {
        show: true
      },
      zoom: {
        enabled: true
      }
    },
    responsive: [{
      breakpoint: 480,
      options: {
        legend: {
          position: 'bottom',
          offsetX: -10,
          offsetY: 0
        }
      }
    }],
    plotOptions: {
      bar: {
        horizontal: false,
      },
    },
    series: [{
      name: 'PRODUCT A',
      data: [44, 55, 41, 67, 22, 43]
    }, {
      name: 'PRODUCT …
Run Code Online (Sandbox Code Playgroud)

javascript colors apexcharts

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

apexcharts ×1

colors ×1

javascript ×1