相关疑难解决方法(0)

D3.js 滚动条形图

我有一个简单的条形图:

var margin = {top: 20, right: 20, bottom: 30, left: 50};
var xLPU=d3.scale.ordinal();
var yLPU=d3.scale.linear();
var xLPUAxis = d3.svg.axis()
    .scale(xLPU)
    .orient("bottom");

var yLPUAxis = d3.svg.axis()
    .scale(yLPU)
    .orient("left")
    .ticks(10, "???.");
var LPUdivision=d3.select("#LPUgraph").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
d3.json("LPUdivision.json",function(data){
    xLPU.domain(data.map(function(d){return d.lpu;}))
    .rangeBands([0, width]);
    yLPU.domain([0,d3.max(data, function(d) { return d.amount; })])
    .range([height,0]);
    LPUdivision.append("g")
    .attr("class","x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xLPUAxis);
    LPUdivision.append("g")
      .attr("class", "y …
Run Code Online (Sandbox Code Playgroud)

javascript jquery d3.js

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

d3.js ×1

javascript ×1

jquery ×1