【问题标题】:Is it possible to draw charts from csv file in c3.js?是否可以从 c3.js 中的 csv 文件绘制图表?
【发布时间】:2016-03-09 07:30:08
【问题描述】:

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

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

【问题讨论】:

  • 它看起来确实有可能c3js.org/samples/data_load.html 实际上它似乎是常态stackoverflow.com/questions/26521945/…
  • 我不明白你的答案..你能分享一些例子或更正吗?但我已经在该文件夹中附加了脚本文件(c3.min.js,d3.min.js)和 c3.css 文件
  • 是的,它现在正在工作......非常感谢......@Elder Smash

标签: c3.js


【解决方案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>

这段代码现在可以工作了..

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-02-18
    • 2014-04-05
    • 2020-08-19
    • 2014-12-18
    • 2020-10-31
    • 1970-01-01
    • 2020-12-05
    • 1970-01-01
    相关资源
    最近更新 更多