小编Jas*_*rns的帖子

我是D3的新手,我正在尝试根据天气(温度)数据创建一些图表.我用我的代码创建了一个单独的js文件,以便从一个HTML页面调用所有图表.但是,x轴非常混乱,因为我每天都会显示数据.这是主要的js文件 - 如何使x轴旋转并在显示日期之间插入空格？或者,只显示每个月(4月,5月,6月等)而不是每天？

(function (){
  var VIZ = {};
  var margin = {top: 20, right: 55, bottom: 50, left: 20},
   width  = 1000 - margin.left - margin.right,
  height = 500  - margin.top  - margin.bottom;

var parseDate = d3.time.format("%d/%m/%Y").parse;

var x = d3.scale.ordinal()
  .rangeRoundBands([0, width], .1);

var y = d3.scale.linear()
  .rangeRound([height, 0]);

var xAxis = d3.svg.axis()
  .scale(x)
  .orient("bottom");

var yAxis = d3.svg.axis()
  .scale(y)
  .orient("left");

var color = d3.scale.ordinal()
  .range(['blue', 'red', 'green','yellow']);

var svg = d3.select("#chart").append("svg")
  .attr("id", "thesvg")
  .attr("viewBox", "0 0 1000 …