Javascript 酒窝x2轴需要位置绑定到x
所以这个问题是关于一个辅助X轴和控制,我需要正确地呈现我的图表 我在堆叠条形图上有x,x2,y 我正在努力使x2系列文本内容定位在最成功的位置 我需要x订单的日期绑定到x2似乎工作 现在我需要将x2直接对准x。这是怎么回事 代码如下: 答案是这样的 采取: myChart.addSeriesarbNmbr,dimple.plot.area[x2,y] 并将其更改为: myChart.addSeriesarbNmbr,dimple.plot.area[x,y] 这与我的X系列保持一致Javascript 酒窝x2轴需要位置绑定到x,javascript,d3.js,dimple.js,Javascript,D3.js,Dimple.js,所以这个问题是关于一个辅助X轴和控制,我需要正确地呈现我的图表 我在堆叠条形图上有x,x2,y 我正在努力使x2系列文本内容定位在最成功的位置 我需要x订单的日期绑定到x2似乎工作 现在我需要将x2直接对准x。这是怎么回事 代码如下: 答案是这样的 采取: myChart.addSeriesarbNmbr,dimple.plot.area[x2,y] 并将其更改为: myChart.addSeriesarbNmbr,dimple.plot.area[x,y] 这与我的X系列保持一致 <di
<div id="chartContainer"></div>
<script type="text/javascript">
function svgBuild() {
var data = [
{'yrmo': '01-01-2014', 'prcnt':'24', 'halfit' : 'first', 'arbNmbr':'2400'},
{'yrmo': '02-01-2014', 'prcnt':'76', 'halfit' : 'first', 'arbNmbr':'2327'},
{'yrmo': '03-01-2014', 'prcnt':'31', 'halfit' : 'first', 'arbNmbr':'1900'},
{'yrmo': '04-01-2014', 'prcnt':'69', 'halfit' : 'first', 'arbNmbr':'2800'},
{'yrmo': '05-01-2014', 'prcnt':'20', 'halfit' : 'first', 'arbNmbr':'1780'},
{'yrmo': '06-01-2014', 'prcnt':'70', 'halfit' : 'first', 'arbNmbr':'1800'},
{'yrmo': '07-01-2014', 'prcnt':'28', 'halfit' : 'first', 'arbNmbr':'2000'},
{'yrmo': '08-01-2014', 'prcnt':'70', 'halfit' : 'first', 'arbNmbr':'1900'}];
//add property for first half (or put directly in data if possible)
data.forEach(function(row){
row.halfit = 'first';
});
//create second half
var opposites = data.map(function(row){
return { "yrmo" : row.yrmo,
"prcnt": (100 - Number(row.prcnt)),
"halfit" : "second",
"arbNmbr" : Number(row.arbNmbr)
};
});
var svg = dimple.newSvg("#chartContainer", 850, 400);
var myChart = new dimple.chart(svg, data.concat(opposites));
myChart.setBounds(65, 45, 800, 315);
var x = myChart.addCategoryAxis("x", "yrmo");
x.addOrderRule("yrmo", true);
var y = myChart.addPctAxis("y", "prcnt");
var x2 = myChart.addCategoryAxis("x", "arbNmbr");
x2.addOrderRule("yrmo", true);
myChart.addSeries("halfit", dimple.plot.bar);
myChart.addSeries("arbNmbr", dimple.plot.area, [x2,y]);
myChart.draw();
}
svgBuild();
</script>