d3区域生成器
来源:互联网 发布:js获取页面所有内容 编辑:程序博客网 时间:2024/06/05 05:44
代码如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript" src = "http://d3js.org/d3.v3.min.js"></script> <script type="text/javascript"> var dataset = [80,120,130,70,60,90] var width = 600; var height = 600; var svg = d3.select("body").append("svg") .attr("width",width) .attr("height",height) var areaPath = d3.svg.area() .x(function(d,i){ return 50 + i * 80;}) .y0(function(d,i){return height/2}) .y1(function(d,i){return height/2 - d}) .interpolate("basis") //添加路径 svg.append("path") .attr("d",areaPath(dataset)) .attr("stroke","black") .attr("stroke-width","3px") .attr("fill","yellow"); </script></body></html>
运行结果如下图所示:
阅读全文
0 0
- d3区域生成器
- d3线段生成器
- D3形状(一):直线生成器
- D3.js symbol 符号生成器
- d3生成器--line,area,diagonal
- d3的brush区域选择
- d3利用弦生成器画折线图
- 地理路径生成器d3.deo.path()
- d3中图表大小自适应区域大小
- d3
- D3
- d3
- D3
- D3
- D3
- D3
- D3
- 生成器
- sublime text2如何连接FTP/SFTP——图文详细教程
- ArrayList去除集合中自定义对象元素的重复值
- C++二进制读写类对象注意指针问题
- 奇怪的短信
- HyperNet: Towards Accurate Region Proposal Generation and Joint Object Detection
- d3区域生成器
- php 简单消息推送(含源码)
- LinkedList类概述
- spring redisTemplate 持久化到redis中数据更改为String类型
- iOS汇编教程:ARM(1)和ARM(2)
- Mac 误删(抹掉)系统后,恢复重装
- if + WARN 可以简化code
- MYSQL无法打开的一些解决方法
- linux阻塞与非阻塞,同步与异步、I/O模型