尝试删除 billboard.js 折线图中线条下方的黑色填充

Question

我正在使用显示的相同示例折线图 here. However, I have black fill under the lines on my chart. How do I remove the black fill from under the lines. In the documentation under LineChartOptions there it only shows two configurable options, HidePoints and LinePoint. Here 是我的示例。我的时间序列图表也发生了同样的事情。谢谢。

var lineChart = bb.generate({
  data: {
    columns: [
    ["data1", 30, 200, 100, 400, 150, 250],
    ["data2", 50, 20, 10, 40, 15, 25]
    ],
    type: "line", // for ESM specify as: line()
  },
  bindto: "#lineChart"
});

Answer 1

将 fill: none 添加到 bb-chart-lines class 应该可以解决问题。

将此添加到您的 CSS:

.bb-chart-lines {
  fill: none;
}

Link 到 Codepen

尝试删除 billboard.js 折线图中线条下方的黑色填充

Trying to remove black fill under lines in billboard.js line chart

javascript

billboard.js