Question

＆＃13;

name mark1,mark2,mark3
raj,70,20,23
saran,45,70,20
sai,70,42,34

＆＃13;

这是我的csv文件数据...我必须使用d3.js..i绘制areaplot基于row的路径。是否可以使用d3.js绘制区域图？请参考一些代码基于每一行的路径.....和路径的结尾我必须设置圆和文本

Answer 1

C3（因为你标记了它）会让你这样做：

var categories = ['Mark 1', 'Mark2', 'Mark 3'];
var chart = c3.generate({
    data: {
        columns: [
            ['raj',70,20,23],
            ['saran',45,70,20],
            ['sai', 70,42,34]

        ],
        type: 'area',
        //labels: true, // labels for all points
        labels: {
            format: function (v, id, i, j) { 
                return (i === categories.length - 1) ? id + v : ""; 
            },
        }
    },
    axis: {
      x: {
          tick: {
              format: function(x) { return categories[x]; }
          }
          //type: 'category',   // this way introduces a lot of padding
        //categories: ['Mark 1', 'Mark2', 'Mark 3']
      }
    }
});

查看c3示例页面并查找详细信息很简单 - http://c3js.org/examples.html

如何使用d3.js从csv文件中绘制areaplot？请任何人分享代码

1 个答案: