关于属性设置不清楚。

来源:2-5 Y轴添加文本标签

灵魂火

2014-11-27 00:27

有关于属性值的说明文档吗?官网API里也搜不到,

比如.attr(这里有transform,left,right,)还有其他的属性可以设置吗?

再比如

var svg=d3.select("#container") // 

.append("svg") //为什么是svg,为什么不是svgOtherName  ?,看完第一节,还是一头雾水啊,只会照着做。

还有 text-anchor、cardinal、这些在在官网API里也搜不到。老师能把可用属性枚举出来不?


写回答 关注

2回答

  • LuckyYang
    2014-11-27 11:36:43

    有关于属性值的说明文档吗?

    https://github.com/mbostock/d3/wiki/Selections#attr


    attr是这样定义的:selection.attr(name[, value]),比如给svg这个selection设置attr,svg.attr("width", 500)
    那最后就会在html中生成这样的形式 <svg width="500">. attr只是提供了一种方法,让你给某种name赋予一个指,具体attr有什么,那要看你的attr所对应的元素/selection支持什么样的attr,比如这里的svg,你就要看和svg相关的attr都有哪些。


    我说清楚了么?如果不清楚的话,咱们再继续讨论


    transform的api:

    https://github.com/mbostock/d3/wiki/Math#d3_transform


    var svg=d3.select("#container").append("svg")


    append什么元素都可以的,因为我这里后面要操作的元素都是svg元素,所以要用svg作为一个root 元素,就像html中的html元素一样。


    text-anchor是svg中的元素:

    http://tutorials.jenkov.com/svg/text-element.html#text-anchor


    cardinal在这里:

    https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate


    灵魂火

    恩,第一句话就豁然开朗了~感谢。

    2014-11-27 23:39:11

    共 1 条回复 >

  • 灵魂火
    2014-11-27 23:31:19

    恩,第一句话就豁然开朗了~感谢。

使用D3制作图表

教你使用最酷的数据可视化图表,初探数据可视化奥秘

37890 学习 · 112 问题

查看课程

相似问题