JavaFX：为折线图Line Chart的多组Series设置不同颜色

当然有办法为每组Series设置独立颜色，主流图表库都支持这个功能，以下是几种常见库的实现方式：

• ECharts 实现方式
  直接在单个Series的配置项中指定折线或点的颜色，示例代码：

  option = {
    xAxis: { /* 轴配置略 */ },
    yAxis: { /* 轴配置略 */ },
    series: [
      {
        name: '系列1',
        type: 'line',
        data: [10, 20, 30],
        lineStyle: { color: '#FF5733' } // 自定义折线颜色
      },
      {
        name: '系列2',
        type: 'line',
        data: [20, 15, 25],
        lineStyle: { color: '#33FF57' }
      }
    ]
  };
  

• Chart.js 实现方式
  在每个数据集的配置里分别设置折线颜色和点填充色，示例代码：

  const ctx = document.getElementById('myChart').getContext('2d');
  const myChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: ['1月', '2月', '3月'],
      datasets: [
        {
          label: '系列A',
          data: [12, 19, 3],
          borderColor: '#3366FF', // 折线颜色
          backgroundColor: '#3366FF' // 数据点填充色
        },
        {
          label: '系列B',
          data: [5, 2, 20],
          borderColor: '#FFCC00',
          backgroundColor: '#FFCC00'
        }
      ]
    }
  });
  

• Matplotlib（Python）实现方式
  绘制每个Series时直接传入color参数指定颜色，示例代码：

  import matplotlib.pyplot as plt
  
  x = [1, 2, 3]
  y1 = [4, 5, 6]
  y2 = [2, 7, 3]
  
  plt.plot(x, y1, color='#FF33CC', label='系列1')
  plt.plot(x, y2, color='#33CCFF', label='系列2')
  plt.legend()
  plt.show()
  

核心逻辑是：找到对应图表库中单个Series的配置节点，直接指定颜色值（支持十六进制、RGB、颜色名称等格式）。如果使用的是其他库，查官方文档里的Series配置章节，肯定能找到独立设置颜色的入口。

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