我无法使用反向 y asix 创建浮动条。
从这一点来看,这有帮助:
transform: function (v) {return -v; },
inverseTransform: function (v) { return -v; }
Вut 图形只是翻转,例如:http: //jsbin.com/eloven/2/edit
请帮忙!
我无法使用反向 y asix 创建浮动条。
从这一点来看,这有帮助:
transform: function (v) {return -v; },
inverseTransform: function (v) { return -v; }
Вut 图形只是翻转,例如:http: //jsbin.com/eloven/2/edit
请帮忙!
如果这就是反向 y 轴 (11, 10, 9 ... 1) 的意思,
xaxis: {
transform: function(v) {
return -v;
},
inverseTransform: function(v) {
return -v;
}
},
yaxis: {
show: true,
tickSize: 200
}
解决方案: 0 - (currentValue - maxValue)
#graph-bars .bar-wrap {
height: 45px;
display: block;
margin: 0 0 10px;
border-bottom: 1px solid #9D9D9C;
position: relative;
}
#graph-bars .bar {
background: #808080;
color: #808080;
width: 50px;
min-height: 5px;
max-height: 100%;
position: absolute;
bottom: 0;
left: 20%;
}
Array.max = function( array ) {
return Math.max.apply( Math, array );
};
for(...) {// i -counter
var max = Array.max(years[lastYear]);
var height = 0 - (years[lastYear][i] - max); // 0 - (currentValue - maxValue)
$('#graph-bars').append("<span class='bar-wrap'><span class='bar' style='height:"+ height +"%'></span>");
}