javascript - 来自 URL 的 C3.js 线图颜色

Question

因此，我在尝试更改从 URL 的 JSON 生成的折线图的颜色时遇到了麻烦。这是我生成图表的代码:

var chart = c3.generate({
  bindto: '#chart',
  data: {
      url: '../URL.JSON',
      mimeType: 'json',
      keys: {
          x: 'Date',
          value: ["Line1", "Line2", "Line3", "Line4"]
      },
      type: 'line'
  },
  axis: {
      x: {
          type: 'category'
      }
  },
  size: {
      height: 500
  },
  colors: {
      'Line1': '#ff0000'
  }
});

这是我的 JSON 格式:

[
    {'Date': '9/23/2014', 'Line1': 12, 'Line2': 54, 'Line3': 23, 'Line4': 5},
    {'Date': '9/22/2014', 'Line1': 56, 'Line2': 18, 'Line3': 25, 'Line4': 0}
]

出于某种原因，设置了颜色属性的 Line1 的颜色根本没有改变。所以我想知道是否有人知道如何将颜色更改为 url 生成的 c3 图。

谢谢。

Answer 1

我想出了我自己问题的答案，所以我想我会把它贴在这里。

我必须补充:

color: {
    pattern: ['#363FBC', '#363FBC', '#B73540', '#B73540']
}

代替:

colors: {
  'Line1': '#ff0000'
}