2013-03-26 58 views
1

我想显示0到100%之间的数据。条形图的宽度为160px,我希望看到没有任何标题/传说的酒吧。 我得到范围在0和x之间的数据(例如从0到700),并且可以更改最大值。高级栏缩放

当最大值小于160时,条显示正确。但是,如果最大值超过160个字符,则会错误地缩放当前栏值。

理想的结果

http://jsfiddle.net/dvasuta/H6SJE/2/

我有什么现在 http://jsfiddle.net/dvasuta/sXAeh/2/

$(function() { 
    $('#container').highcharts({ 
     credits: { 
      enabled: false, 
     }, 
     chart: { 
      renderTo: 'container', 
      type: 'bar', 
      marginBottom: 1, 
      marginTop: 1, 
      marginLeft: 1, 
      marginRight: 1, 
      borderRadius: 0, 
      borderWidth: 1, 
      borderColor: '#c5c6c7', 
      backgroundColor: 0, 
      height: 22, 
      width:160 
     }, 
     title: { 
      text: null 
     }, 
     xAxis: { 
      tickWidth: 0, 
      lineWidth: 0, 
      gridLineWidth: 0, 
      categories: 0, 
      labels: { 
       enabled: false 
      } 
     }, 
     yAxis: { 
      tickWidth: 0, 
      lineWidth: 0, 
      gridLineWidth: 0, 
      min: 0, 
      max: 2500, 
      title: { 
       text: null 
      }, 
      labels: { 
       enabled: false 
      } 
     }, 
     tooltip: { 
      enabled: false, 
      formatter: function() { 
       return ''; 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     plotOptions: { 
      bar: { 
       dataLabels: { 
        enabled: true, 
        formatter: function() { 
         return ''; 
        }, 
        y: 0, 
        x: 0, 
        color: '#ff0', 
        style: { 
         fontSize: '18px', 
         fontFamily: 'bold Helvetica,Arial,sans-serif' 
        } 
       } 
      }, 
      series: { 
       allowPointSelect: false, 
       enableMouseTracking: false, 
       groupPadding: 0, 
       pointPadding: 0, 
       borderWidth: 0, 
       borderRadius: 0 
      } 
     }, 
     series: [{ 
      shadow: true, 
      data: [2482], 
      color: { 
       linearGradient: [20, 20, 0, 20], 
       stops: [ 
        [0, '#B6D22D'], 
        [1, '#5C9135'] 
       ] 
      } 
     }] 
    }); 
}); 

似乎在chart.width参数的问题。但我怎样才能设置图表宽度?

回答

1

尝试此链接ChaRT LINK

1. Disabled exporting 
2. borderWidth = 0