CODEWITHSUNDEEP
c3.js
Sai Rajesh
Sai Rajesh

Reputation: 1982

Is it possible to draw charts from csv file in c3.js?

this is my code and csv file. The c3js chart is not displaying properly when I have a date field in a CSV file. I have set the x axis as type timeseries. There are only two columns in CSV file. "Data" and "count", 

html>
  <head>
    <link rel="stylesheet" type="text/css" href="c3.css">
  </head>
  <body>
    <div id="chart"></div>

    <script src="d3.min.js" charset="utf-8"></script>
    <script src="c3.min.js"></script>
<script>
var chart = c3.generate({
    data: {
        url: 'dates.csv'
    }
});




</script>
</body>
</html>
data,count
120,80
140,50
170,100
150,70
180,120

Upvotes: 0

Views: 1077

Answers (1)

Sai Rajesh
Sai Rajesh

Reputation: 1982

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="c3.css">
  </head>
  <body>
    <div id="chart"></div>

    <script src="d3.min.js" charset="utf-8"></script>
    <script src="c3.min.js"></script>
    <script>
var chart = c3.generate({
    bindto: '#chart',
    data: {
        x: 'Date', 
        x_Format: '%Y-%m-%d', 
        url: 'dates.csv', 
    },
    axis: {
    x: {
        type: 'timeseries', 
    }
}
});

</script>
</body>
</html>

this code is working now..

Upvotes: 1

Related Questions