xiaozhu2hao的专栏

1、数据 　　有如下数据，需要可视化： var dataset = [ 30 , 10 , 43 , 55 , 13 ]; 　　这样的值是不能直接绘图的。例如绘制饼状图的一个部分，需要知道一段弧的起始角度和终止角度，这些值都不存在于数组 dataset 中。因此，需要用到布局，布局的作用就是：计算出适合于作图的数据。这个过程称为数据转换 2、布局（数据转换）

以前写的java程序用的batik1.7。后来1.8出来了并没有发现什么不同，就一直用1.7了。今天偶然间需要做个图表。使用d3生成了一个柱状图，柱状图的代码如下 .axis text { font: 10px sans-serif; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering:

直接上源代码，html文件 实时刷新折线图 .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-s

接上篇的的刷新折线图的样例，增加了信息点的显示以及坐标轴的更新。坐标轴的时间更新的应用可用于做历史曲线等曲线图。在这里碰到的问题是 在mircrosoft Edge下运行完美。但是在chrome下出现刻度线缺失情况。百思不得其解。先上运行结果图： html文件 实时刷新折线图 .axis p

直接上代码 8.1.1 鼠标交互 .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px;

发现一个问题，当d3为元素添加鼠标事件时，如果元素是被包含在symbol之中的，则鼠标事件不会得到响应。直接上代码，可以看到其中的rectback可以响应，但是柱形图中的rect并未得到响应 8.1.1 鼠标交互 .axis path, .axis line{ fill: none; stroke: black;