2015-09-30 51 views
0

据我所知,Highcharts中的固体测量仪图表类型没有提供任何方法来自动确保y轴标签(本例中为150500500)与实际图表图形重叠。鉴于不可预测的数据,基本上我没有办法阻止这种重叠的可能性,也没有将标签的y偏移量定位得离图表很远。有什么建议么?固体测量仪:防止重叠仪表的y轴标签

enter image description here

实施例:http://codepen.io/cmalven/pen/58a2b0bc047c05c8c35cdaa4bb733e61/

图表OPTS:

$(function() { 

    $('#container-speed').highcharts(Highcharts.merge({}, 
    { 
    "colors": [ 
    "#4FB04F" 
    ], 
    "yAxis": { 
     "min": 0, 
     "max": 200500500, 
     "tickPositions": [ 
     0, 
     150500500, 
     200500500 
     ], 
     "labels": { 
     "y": 24, 
     "style": { 
      "color": "#0e4d5c" 
     } 
     }, 
     "lineWidth": 0, 
     "minorTickInterval": null, 
     "tickWidth": 0, 
     "title": { 
     "enabled": false 
     } 
    }, 
    "series": [ 
    { 
     "name": "Speed", 
     "data": [ 
     150500500 
     ] 
    } 
    ], 
    "chart": { 
     "type": "solidgauge", 
     "height": 190 
    }, 
    "title": { 
     "text": "" 
    }, 
    "pane": { 
     "center": [ 
     "50%", 
     "125%" 
     ], 
     "size": "240%", 
     "startAngle": -70, 
     "endAngle": 70, 
     "background": { 
     "backgroundColor": "#0e4d5c", 
     "borderWidth": 0, 
     "innerRadius": "81%", 
     "outerRadius": "92%", 
     "shape": "arc" 
     } 
    }, 
    "tooltip": { 
     "enabled": false 
    }, 
    "plotOptions": { 
     "solidgauge": { 
     "innerRadius": "88%", 
     "radius": "85%", 
     "dataLabels": { 
      "enabled": false 
     } 
     } 
    }, 
    "credits": { 
     "enabled": false 
    } 
    })); 

    }); 

回答