gpt4 book ai didi

javascript - 凹坑 x2 轴需要位置绑定(bind)到 x

转载 作者:行者123 更新时间:2023-11-28 07:37:25 38 4
gpt4 key购买 nike

所以这个问题都是关于辅助 X 轴和我需要正确渲染图表的控件。

我在堆积条形图上有 x、x2、y。

我正在尝试将 x2 系列文本内容放置在顶部(成功)。

我需要将 x (按日期排序)绑定(bind)到 x2 (似乎有效)。

现在我需要将 x2 直接与 x 对齐。这是如何工作的?

代码如下:

<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>

And here is my jsfiddle work in progress.

最佳答案

这就是答案。

采取:

myChart.addSeries("arbNmbr",dimple.plot.area,[x2,y]);

并将其更改为:

myChart.addSeries("arbNmbr",dimple.plot.area,[x,y]);

这与我的 X 系列保持一致。

关于javascript - 凹坑 x2 轴需要位置绑定(bind)到 x,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28442605/

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com