C3.js 来自 URL 的折线图颜色

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'
}

Answer 2

colors 参数应该在 data 对象内，例如：

data: {
    columns: [
        ['data1', 30, 20, 50, 40, 60, 50],
        ['data2', 200, 130, 90, 240, 130, 220],
        ['data3', 300, 200, 160, 400, 250, 250]
    ],
    type: 'bar',
    colors: {
        data1: '#ff0000',
        data2: '#00ff00',
        data3: '#0000ff'
    }
}