title: C3.js Line Graph Colors From URL
body: <p>So I am having troubles trying to change the colors of my line graph that is generated from JSON from a URL.  Here is my code to generate the chart:</p>
  
  <pre><code>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'
    }
  });
  </code></pre>
  
  <p>And here is my JSON format:</p>
  
  <pre><code>[
      {'Date': '9/23/2014', 'Line1': 12, 'Line2': 54, 'Line3': 23, 'Line4': 5},
      {'Date': '9/22/2014', 'Line1': 56, 'Line2': 18, 'Line3': 25, 'Line4': 0}
  ]
  </code></pre>
  
  <p>For some reason the color does not change at all for Line1 with the colors attribute set.  So I was wondering if anyone knew how to change the colors to a url generated c3 graph.</p>
  
  <p>Thankyou.</p>