如何使用d3.js从csv文件中绘制areaplot?请任何人分享代码
how to draw areaplot from csv file using d3.js? please anyone share code
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
相关文章:
- 任何人都知道IE7设置或更新/补丁,它可以防止IE因为jquery错误而无法加载页面
- 如何使用d3.js从csv文件中绘制areaplot?请任何人分享代码
- 任何人都知道如何在asp.net telerik asp.net AJAX UI中创建自下而上的组合框
- 任何人都可以帮助我如何在客户端加载XML,该XML在服务器上,我需要对文件进行更改
- 我需要将这两个函数从javascript更改为JQuery,任何人都可以告诉我如何转换
- 客户端 JavaScript 没有定义 - 但它在 HTML 源代码中.任何人都知道为什么
- 末尾的十进制零不显示.请任何人帮帮我
- 任何人都能描述范围的流程吗
- Firefox 14打破3D'卡片翻转'效果——任何人都知道为什么
- 任何人都可以帮助我编写代码,以便在 extjs 4.2 的组合框中制作带有复选框的面板
- 日期选择器不适用于我的 jsf 和 xhtml 文件,任何人都可以指导我
- 任何人都知道为什么这个画布不起作用
- 如何阻止任何人滥用我的联系页面
- 任何人都可以推荐包含搜索框的选择选项
- 任何人都知道Javascript Web Analytics跟踪器是如何工作的
- 数字值正在更改,任何人都知道发生了什么
- 任何人都可以用小例子来解释这一点
- 任何人都可以解释如何使用这个角度 js 自定义资源方法
- 任何人都可以解释JavaScript中的reduce函数吗?
- 任何人都可以解释一下这些行的含义或它们是如何工作的(标记为粗体)