凹坑x2轴需要位置绑定到x
Dimple x2 axis needs position bind to x
所以这个问题都是关于辅助X轴和我需要正确呈现图表的控件。
我在一个堆叠条形图上有x,x2,y。
我正在尝试将x2系列文本内容定位在顶部(成功)。
我需要x(按日期排序)绑定到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>
这是我正在进行的jsfiddle工作。
答案如下。
Take:
myChart.addSeries("arbNmbr",凹窝.plot.area,[x2,y]);
并将其更改为:
myChart.addSeries("arbNmbr",凹窝.plot.area,[x,y]);
这与我的X系列一致。
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- 无法通过数组映射绑定
- jquery:将动画绑定到滚动条位置的更好方法
- 在Web应用程序中绑定API和模板路由的位置
- Angularjs-将指令中的值绑定到文档中的任意位置显示/隐藏
- 凹坑x2轴需要位置绑定到x
- 知道可观察的在根模型中的位置,在 foreach/后代绑定中被淘汰
- 将垂直滚动位置绑定到计数器
- jQuery-如何将事件附加到DOM对象,并在不同的位置将处理程序绑定到它
- Angularjs绑定事件的时间和位置
- 实现位置.双向绑定到AJAX记录上下文的散列
- 隔离未从地理位置更新的作用域角绑定
- 我如何将数据绑定到knockoutjs中的特定位置
- for循环中的Ajax不会返回数组位置的正确值,尽管闭包绑定了当前值位置的范围
- jQuery绑定位置:元素的绝对位置
- Angularjs指令属性绑定在用ng-repeat拖动后的左/顶位置
- 根据鼠标位置绑定js事件:性能杀手与否
- 如何清除输入绑定到谷歌位置自动完成
- Angularjs指令属性在拖动后的左和顶位置绑定
- js不想绑定我的记录列表,已按位置分组