10

そのため、JSON から生成された折れ線グラフの色を URL から変更しようとすると問題が発生します。チャートを生成するための私のコードは次のとおりです。

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

何らかの理由で、colors 属性が設定されている Line1 の色はまったく変化しません。したがって、色をURL生成のc3グラフに変更する方法を誰かが知っているかどうか疑問に思っていました。

ありがとうございました。

4

2 に答える 2

8

自分の質問に対する答えを見つけたので、ここに投稿すると思いました。

追加する必要がありました：

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

それ以外の：

colors: {
  'Line1': '#ff0000'
}
于 2014-09-24T13:37:56.743 に答える
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'
    }
}
于 2016-05-23T13:10:05.370 に答える