Highcharts结合DataTables使用时自定义颜色不生效求助

• 问题核心：你当前的Highcharts配置里缺少顶层的colors配置项，或是之前尝试时把colors放在了错误的层级（比如chart对象内部）。
• 正确做法：将自定义颜色数组作为顶层配置属性，直接放在Highcharts初始化配置中，与chart、title等属性同级。

修改后的代码示例：

Highcharts.chart('container', {
  // 自定义颜色数组放在顶层配置
  colors: ['#003489', '#ED7D31', '#A5A5A5', '#FFC000', '#5B9BD5', '#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
  chart: {
    type: 'column'
  },
  title: {
    text: 'Browser market shares. January, 2023'
  },
  xAxis: {
    categories: ['Chrome', 'Firefox', 'Safari', 'Edge', 'Opera', 'Other']
  },
  yAxis: {
    title: {
      text: 'Market share (%)'
    }
  },
  series: [{
    name: 'Market share',
    data: [63.7, 10.5, 8.5, 7.5, 3.5, 6.3]
  }]
});

• 额外优化：如果需要给所有Highcharts图表全局应用这个颜色数组，可通过Highcharts.setOptions在初始化前统一配置：

// 全局设置颜色，后续创建的所有图表都会复用该数组
Highcharts.setOptions({
  colors: ['#003489', '#ED7D31', '#A5A5A5', '#FFC000', '#5B9BD5', '#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});

// 后续创建图表无需再单独配置colors
Highcharts.chart('container', {
  // ...其他图表配置
});

内容的提问来源于stack exchange，提问作者newuser