2015-04-01 62 views
-2

對於x軸'tickLength:0'正在工作,我可以從x軸標籤中刪除刻度線,但同樣的東西不適用於y軸。請建議我刪除y軸刻度線的正確方法。如何在y軸上將刻度線長度設置爲0或從高軸圖表中的y軸中刪除標線?

$(function() { 
Highcharts.setOptions({ 
    colors: ['#C9F4F4'] 
}); 
$('.container').highcharts({   
    chart: { 
     type: 'area',   
    }, 
    credits: { 
     enabled: false 
    }, 
    title: { 
     text: '' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'Jul','Aug','Sep','Oct','Nov','Dec'], 
     tickmarkPlacement: 'on', 
     overflow:'false', 
     gridLineWidth: 1, 
     //tickLength: 0, 
     startOnTick:true, 
     title: { 
      enabled: false 
     } 
    }, 
    yAxis: {    
     min: 100, 
     max: 1000, 
     tickInterval: 100,       
     gridLineWidth: 1,    
     title: { 
      enabled: false 
     }, 
     labels: {         
      formatter: function() { 
       return this.value; 
      } 
     } 
    }, 
    tooltip: { 
     shared: true, 
     formatter: function() { 
      return this.y; 
     } 
    }, 
    plotOptions: { 
     series: {     
      lineColor: '#00CFCF', 
      lineWidth: 1, 
      marker: { 
       lineWidth: 1, 
       lineColor: '#00CFCF', 
       enabled: false,      
      } 
     } 
    }, 
    navigation: { 
     buttonOptions: { 
      enabled: false 
     } 
    }, 
    series: [{ 
     name: 'Asia', 
     data: [502, 635, 809, 947, 900, 1000, 1000,200,750,630,400,75] 
    }] 
}); 

});

這裏是JSFiddle

+0

你試過設置tickWidth爲0? – 2015-04-01 09:11:36

回答

1

是它預期的效果? http://jsfiddle.net/xznu95mv/5/

在x軸的一部分,
更改startOnTick: true,startOnTick: false,
添加min: 0.5

編號:How to remove the gap between yAxis and data?

+0

是勾選標記被刪除,但是1月,2月,3月,...等原來的位置已經移動到前進,而不是從零座標開始。總之圖表的x軸刻度線不能改變爲不同的位置。 – 2015-04-01 08:43:52

+0

已更新。這是期望的效果嗎? – 2015-04-01 09:08:56

+0

是的,哥們正好比 – 2015-04-01 10:06:52