接触d3完全是由兴趣所致,废话不多说看代码:

var dataArray = [23, 13, 21, 14, 37, 15, 18, 34, 30];这是这个图所需要的数据,其实这个柱状图最初不长这个样子,大家看到白色的+蓝色的=400;
最初在形成柱状图的时候其实是蓝色的补集也就是白色的.为什么呢,因为这些js都是从左到下啊,

我定义400-白色的得到的就是蓝色的;如果不懂得话,可以照着写,写着写着你就懂了.

解释下我为什么要截个图,

最新文章

  1. Scalaz(32)- Free :lift - Monad生产线
  2. 【leetcode❤python】 396. Rotate Function
  3. shell中&&和||的使用方法
  4. Linux内核分析——操作系统是如何工作的
  5. uva10375 Choose and divide
  6. SpringMVC关于json、xml自动转换的原理研究[附带源码分析 --转
  7. Python程序的执行原理(转载)
  8. angularjs学习总结(~~很详细的教程)
  9. H5手机开发锁定表头和首列(惯性滚动)解决方案
  10. 初步了解关于js跨域问题
  11. Linux编程之select
  12. python实现 双向循环链表
  13. C++基础——类封装简单示例
  14. LeetCode Weekly Contest 117
  15. sql server 索引阐述系列二 索引存储结构
  16. 跳到IE9的一个坑里了(枚举 JavaScript 属性)
  17. 几个特殊的IP地址
  18. GO入门——4. 数组、切片与map
  19. Vue页面跳转$router.push 的用法
  20. CSS 3栏自适应布局

热门文章

  1. Pompholyx - Causes, Symptoms and Treatment
  2. 【NLP】依存句法关系符号解释
  3. APP测试中iOS和Android的区别
  4. laravel call传参
  5. Scyther 论文相关资料整理
  6. c程序内存模型
  7. php 常用的知识点归集(上)
  8. MathType7.X链接:https://pan.baidu.com/s/1rQ5Cwk5_CC9UgvgaYPVCCg 提取码:6ojq 复制这段内容后打开百度网盘手机App,操作更方便哦完美解压,无限使用
  9. Java生日计算年龄工具
  10. redis对键进行的相关操作