Question

这是我的代码和csv文件。当我在CSV文件中有日期字段时，c3js图表无法正常显示。我已将x轴设置为类型时间序列。 CSV文件中只有两列。＆＃34;数据＆＃34;和＆＃34;计数＆＃34;，

＆＃13;

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>

＆＃13;

data,count
120,80
140,50
170,100
150,70
180,120

＆＃13;

Answer 1

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

此代码现在正在运行..

是否可以从c3.js中的csv文件中绘制图表？

1 个答案: