4
誰かが最初のシリーズの値のボックスが表示されていません。私はこれで1時間、壁に頭を叩いていた。私は下のデータを偽ったが、結果は同じである。前もって感謝します！ @axljとしてZingChartシリーズの値のボックスは、データとオプションが同じにもかかわらず、横の棒グラフに表示される値のボックスに表示されません
var ctFin = 60;
var myConfig = {
"type": "hbar",
"font-family": "proxima_nova_rgregular",
"title": {
"text": "MINUTES <b>IN ZONES</b>",
"font-family": "proxima_nova_rgregular",
"background-color": "none",
"font-color": "#39393d",
"font-size": "22px",
"adjustLayout": true,
"height": "35px",
"padding-bottom": "23px"
},
"plot": {
"bars-overlap": "1%",
"borderRadius": "0 3px 3px 0",
"hover-state": {
"visible": false
},
"animation": {
"delay": 300,
"effect": 4,
"speed": "500",
"method": "0",
"sequence": "3"
}
},
"plotarea": {
"height": "99px",
"border-left": "3px solid #39393d",
"padding-left": "3px",
"margin": "0 0 0 3px"
},
"scale-x": {
"line-color": "none",
"tick": {
"visible": false
},
"guide": {
"visible": false
},
"item": {
"visible": false
}
},
"scale-y": {
"visible": false,
"guide": {
"visible": false
}
},
"series": [
{
"values": [5],
"bar-width": "20px",
"background-color": "#cdcccc",
"tooltip": {
"visible": false
},
"value-box": {
"placement": "top-out",
"text": "%v",
"decimals": 0,
"font-color": "#35353b",
"font-size": "14px",
"alpha": 1,
"rules": [
{
"rule": "%v/" + ctFin + " * 100 > 35",
"placement": "top-in",
},
{
"rule": "%v/" + ctFin + " * 100 < 25",
"placement": "top-in",
}
]
}
},
{
"values": [5],
"bar-width": "20px",
"background-color": "#71cbdc",
"tooltip": {
"visible": false
},
"value-box": {
"placement": "top-out",
"text": "%v",
"decimals": 0,
"font-color": "#35353b",
"font-size": "14px",
"alpha": 1,
"rules": [
{
"rule": "%v/" + ctFin + " * 100 > 35",
"placement": "top-in",
},
{
"rule": "%v/" + ctFin + " * 100 < 25",
"placement": "top-in",
}
]
}
},
{
"values": [5],
"bar-width": "20px",
"background-color": "#8cc541",
"tooltip": {
"visible": false
},
"value-box": {
"placement": "top-out",
"text": "%v",
"decimals": 0,
"font-color": "#35353b",
"font-size": "14px",
"alpha": 1,
"rules": [
{
"rule": "%v/" + ctFin + " * 100 > 35",
"placement": "top-in",
},
{
"rule": "%v/" + ctFin + " * 100 < 25",
"placement": "top-in",
}
]
}
},
{
"values": [5],
"bar-width": "20px",
"background-color": "#d96c27",
"tooltip": {
"visible": false
},
"value-box": {
"placement": "top-out",
"text": "%v",
"decimals": 0,
"font-color": "#35353b",
"font-size": "14px",
"alpha": 1,
"rules": [
{
"rule": "%v/" + ctFin + " * 100 > 35",
"placement": "top-in",
},
{
"rule": "%v/" + ctFin + " * 100 < 25",
"placement": "top-in",
}
]
}
},
{
"values": [5],
"bar-width": "20px",
"background-color": "#ea2629",
"tooltip": {
"visible": false
},
"value-box": {
"placement": "top-out",
"text": "%v",
"decimals": 0,
"font-color": "#35353b",
"font-size": "14px",
"alpha": 1,
"rules": [
{
"rule": "%v/" + ctFin + " * 100 > 35",
"placement": "top-in",
},
{
"rule": "%v/" + ctFin + " * 100 < 25",
"placement": "top-in",
}
]
}
}
]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 140,
width: 330
});<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<div id="myChart"></div>
私がなぜわからないんだけど、代わりに99件の修正問題を1pxのためにあなたのプロットエリアの高さを変えますか？ ：http://jsbin.com/huretuquzo/edit?html,js,output – axlj