JavaScript中Google Charts堆叠面积折线图如何仅展示折线无填充区域？

你只需要关闭指定数据集的面积填充配置即可，原有透明相关的样式配置不需要改动，不同常用图表库的实现方式如下：

• Chart.js
  给对应数据集添加fill: false配置即可：

  datasets: [
    // 其他两组数据集配置保留
    {
      label: '不需要填充的数据集',
      data: [/* 你的数据数组 */],
      borderColor: '你的折线颜色配置',
      fill: false, // 核心配置，关闭区域填充
      // 你原来设置的透明度相关配置可以正常保留
    }
  ]
  

• ECharts
  将对应系列的areaStyle设置为不展示，或者直接删除areaStyle配置项：

  series: [
    // 其他两组数据集配置保留
    {
      name: '不需要填充的数据集',
      type: 'line',
      data: [/* 你的数据数组 */],
      lineStyle: {
        // 保留你的折线样式配置
      },
      areaStyle: {
        show: false // 关闭区域填充
      }
    }
  ]
  

• Python Matplotlib
  仅调用plot方法绘制折线即可，不要添加fill_between相关填充代码：

  import matplotlib.pyplot as plt
  
  # 仅绘制折线无填充
  plt.plot(x轴数据, 对应y轴数据, label='数据集标签', color='折线颜色')
  # 无需添加plt.fill_between()代码
  

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