资讯专栏INFORMATION COLUMN

d3学习day3 --y轴添加文本标签

bigdevil_s / 1210人阅读

摘要:轴添加文本标签文字逆时针旋转度设置文字的对齐方式在让他相对他自身当前的位置向右移动一定的距离,也就是向他自身的轴方向偏移设置偏移量到这儿轴的文本说明的设置就完成了

y轴添加文本标签
g.append("g")
    .call(y_axis)
    .append("text")
    .text("price($)")

.attr("transform", "rotate(-90)") //文字逆时针旋转90度

  .attr("text-anchor", "end") //设置文字的对齐方式

在让他相对他自身当前的位置向右移动一定的距离,也就是向他自身的x轴方向偏移
  .attr("dy", "1em") //设置偏移量

到这儿y轴的文本说明 price($)的设置就完成了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54453.html

相关文章

  • js获取当前时间(昨天、今天、明天)

    摘要:更新今天又发现了一种简单的方法可以直接对年月日时分秒进行操作,假如今天那么所得昨天为昨天的时间前天的时间其中,函数为扩展函数。 1、时间格式化 1 //昨天的时间 2 var day1 = new Date(); 3 day1.setTime(day1.getTime()-24*60*60*1000); 4 var s1 = day1.getFullYear()+- + (da...

    rainyang 评论0 收藏0
  • js中获取昨天今天明天的时间

    摘要:不管是前端还是后台,甚至是数据库中,都会经常频繁的获取各种时间,今天整理了一下在中获取时间,就当作一个笔记记录一下获取昨天时间获取一周前的时间个位数补个,如个位数补个,如获取明天的时间获取今天的时间 不管是前端还是后台,甚至是数据库中,都会经常频繁的获取各种时间,今天整理了一下在javascript中获取时间,就当作一个笔记记录一下-_- var day = new Date(); ...

    sorra 评论0 收藏0
  • D3.js数据可视化

    摘要:和之前用的有啥不同和都是用来生成各类图表的,区别的话可以从使用方法和实现方式上是通过来绘制图形具体使用方法是通过方法初始化一个实例并通过方法生成一个简单的柱状图很轻松搞定。通过来绘制图形使用时需要先创建画布元素然后进行各种绘制图形。 你的淘宝年度消费报告那炫酷的图表一下子让人忘了自己花了多少钱,各大门户网站、媒体都开始大量使用图表,于是乎又有一批工具等待我们学习的路上 什么是D3.js...

    songze 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<