使用D3制作图表_技术问答

首页免费课使用D3制作图表问答

使用D3制作图表

全部评论问答未解决精华

x坐标轴标签的位置

讲师回答 / LuckyYang

调整位置可以用三种方式，你尝试一下：- .attr("x", "1em")指定x 轴方向的位置- .attr("dx", "1em")指定x 轴方向的偏移- .attr("text-anchor","end")，end 也可以替换为 start

3 回答 1510 浏览 2-5 Y轴添加文本标签

2015-04-10

function(d,i){}之中传参问题

讲师回答 / LuckyYang

看一下这个文档就知道了：https://github.com/mbostock/d3/wiki/Selections#data

2 回答 2899 浏览 4-3 使用数据文件

2015-02-28

为什么要在rect里加y

讲师回答 / LuckyYang

那样做为了生成数学坐标系下的矩形（rect），svg 函数中生成矩形需要知道几个变量：- 起始点坐标（x，y）这里的 y 就是你问的- 矩形宽度- 矩形高度

1 回答 902 浏览 4-2 竖直柱状图表

2015-02-28

transform这样加在firefox里无效

已采纳回答 / 悠然的夜色

transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-transform:rotate(7deg); /* Safari 和 Chrome */-o-transform:rotate(7deg); /* Opera */

2 回答 1144 浏览 2-1 画布制作

2015-02-28

D3和highchart有什么区别？

讲师回答 / LuckyYang

D3更灵活，你可以使用 D3做任何东西，不限于图表

5 回答 2884 浏览 1-1 课程简介

2015-02-20

自己定义的数组怎么获取到页面

讲师回答 / LuckyYang

http://codepen.io/luckyyang/pen/yubrv http://codepen.io/luckyyang/pen/lDcAF http://codepen.io/luckyyang/pen/CFJvw 这三种数据都不是使用数据文件的，你看看能不能帮助到你？

2 回答 1165 浏览 5-1 饼状图（上）

2015-02-06

老师，您上课时的代码在哪里呀？麻烦您共享出来呗

讲师回答 / LuckyYang

https://github.com/luckyyang/d3graphs 都在这里了，因为时间久了，如果代码有什么出入，随时告诉我，谢谢哈

2 回答 1060 浏览

2015-01-27

line_generator函数疑问

已采纳回答 / 程序媛ing

最后一行.attr("d",line_generator(data))中已经定义了，d代表着path的轨迹，d的值是用函数line_genrator()将数组data的数据传进来的。也就是说d的值就是数组的值。至于i，这个，我也在思考

2 回答 1223 浏览 2-2 绘制曲线

2015-01-26

做到bar方法这里卡住了

讲师回答 / LuckyYang

厉害！

4 回答 1480 浏览 4-4 添加字母刻度的坐标轴

2015-01-14

怎么在一个界面中实现4个图

讲师回答 / LuckyYang

你通过dev tool 看一下，应该是添加了两个g元素

3 回答 1252 浏览 2-5 Y轴添加文本标签

2015-01-13

动态插入SVG尺寸问题

讲师回答 / LuckyYang

@暧月的猫我这ubuntu+chrome没问题。如果你在chrome的developer tools下把你后添加的那个节点删除，svg的尺寸会恢复为0*0么？

4 回答 3734 浏览 2-1 画布制作

2014-12-19

dy 为什么是沿着x轴平移？

讲师回答 / LuckyYang

其实还是沿着y轴平移的，看起来沿着x轴平移，是因为我上面把文字逆时针旋转了90度（rotete（-90））

3 回答 1271 浏览 2-5 Y轴添加文本标签

2014-12-13

web项目里是怎么添加数据，和刷新数据图表的

讲师回答 / LuckyYang

web项目里可以使用json来提供数据，需要在server端提供json数据，用d3去读取。可以参考http://money.haoqicat.com 这个项目

4 回答 1728 浏览 6-1 总结课程

2014-12-10

关于地图绘制

讲师回答 / LuckyYang

参考：http://money.haoqicat.com/代码在这里：https://github.com/luckyyang/haoqicat-money/blob/master/index.html#L157-L170

2 回答 1648 浏览

2014-12-03

一个页面里，多个图表的定位问题。

讲师回答 / LuckyYang

<div id="linechart"> <svg>line chart is here</svg></div><div id="areachart"> <svg>area chart is here</svg></div>比如上面的两个div，分别对应了line chart 和 area chart，你首先给每个div定位好，那里面的svg就相对你的div定位了。应该是这样的，你可以试试

3 回答 1484 浏览 3-1 面积图表

2014-11-28

开始学习

课程须知: 有html，css和javascript基础的同学学习这门课程会比较容易一些。没有基础的同学，也可以通过课程里面的例子加深自己对相关知识的理解。

老师告诉你能学到什么？: 如何使用select和selectAll选择DOM元素、如何使用append添加DOM元素、如何使用line，area等方法生成图表曲线、如何使用数据文件让我们的图表可以随着数据变化而动态更新。

微信扫码，参与3人拼团

热搜

最近搜索清空

使用D3制作图表