2015-04-01 90 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