diff --git a/Chart/CandlestickChart.js b/Chart/CandlestickChart.js index c1b874f..661cbeb 100644 --- a/Chart/CandlestickChart.js +++ b/Chart/CandlestickChart.js @@ -100,10 +100,10 @@ svg.selectAll("rect") .data(this.chart.dataset[0].points) .enter().append("svg:rect") - .attr("x", function(d) { return x(d.x)-mm/10; }) + .attr("x", function(d) { return x(d.x)-0.5*mm/2; }) .attr("y", function(d) {return y(Math.max(d.open, d.close));}) .attr("height", function(d) { return Math.max(1, y(Math.min(d.open, d.close))-y(Math.max(d.open, d.close)));}) - .attr("width", function(d) { return 0.5 * (self.chart.dimension.width - 4*mm)/self.chart.dataset[0].points.length; }) + .attr("width", function(d) { return 0.5 * mm; }) .attr("fill",function(d) { return d.open > d.close ? "red" : "green" ;}); } else { let datapoint = svg.selectAll("rect") @@ -111,17 +111,17 @@ .enter(); datapoint.append("svg:rect") - .attr("x", function(d) { return x(d.x)-mm/10; }) + .attr("x", function(d) { return x(d.x)-0.25*mm/2; }) .attr("y", function(d) {return y(d.open);}) .attr("height", function(d) { return 1;}) - .attr("width", function(d) { return 0.25 * (self.chart.dimension.width - 4*mm)/self.chart.dataset[0].points.length; }) + .attr("width", function(d) { return 0.25 * mm/2; }) .attr("fill",function(d) { return d.open > d.close ? "red" : "green" ;}); datapoint.append("svg:rect") .attr("x", function(d) { return x(d.x); }) .attr("y", function(d) {return y(d.close);}) .attr("height", function(d) { return 1;}) - .attr("width", function(d) { return 0.25 * (self.chart.dimension.width - 4*mm)/self.chart.dataset[0].points.length; }) + .attr("width", function(d) { return 0.25 * mm/2; }) .attr("fill",function(d) { return d.open > d.close ? "red" : "green" ;}); }