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

how to draw areaplot from csv file using d3.js? please anyone share code

本文关键字:areaplot 任何人 代码 分享 绘制 d3 何使用 js 文件 csv      更新时间:2023-09-26

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

这是我的csv文件数据。。。我必须用d3.js绘制面积图。我需要基于行的路径。用d3.jss绘制面积图可能吗?请参考一些代码基于每行的路径。。。。。和路径的末尾,我必须设置圆形和文本

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