Highcharts：如何在折線圖中設置Y軸上的第一個類別？

我有一個非常簡單的線形圖案例，其中X軸上的「開」刻度類別。Highcharts：如何在折線圖中設置Y軸上的第一個類別？

如何將第一個類別的勾號設置爲Y軸（將y = 0和x =「1st類別」設置爲圖表的原點）？在Y軸和線條實際開始的位置之間似乎總是存在任意偏移。我想取消它。

我幾乎是通過在YAxis上使用一個負的「偏移量」來實現的，但它不美觀（因爲它在Y軸的左側留下了一點X軸），並且此偏移量的值應該取決於圖表的寬度（不靈活）。

var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'line', 
      marginLeft: 30 
     }, 
     title: { 
      text: null 
     }, 
     legend: { 
      enabled: false 
     }, 
     xAxis: { 
      categories: ['1990', '1991', '1992', '1993', '1994', '1995'], 
      tickmarkPlacement: 'on', 
      tickInterval: 1, 
      tickPosition: 'inside', 
      tickLength: 2 
     }, 
     yAxis: { 
      lineWidth: 1, 
      tickWidth: 1, 
      tickPosition: 'inside', 
      tickLength: 2, 
      min: 0, 
      max: 200, 
      tickInterval: 50, 
      gridLineWidth: 0 
      /*,offset:-26*/ 
     }, 
     plotOptions: { 
      line: { 
       marker: { 
        enabled: false 
       } 
      } 
     }, 
     series: [{ 
      data: [100, 125, 150, 125, 90] 
     },{ 
      data: [100, 80, 90, 80, 70] 
     },{ 
      data: [100, 90, 80, 60, 180] 
     }] 
    });

請看看我的例子：http://jsfiddle.net/SineDie/xajHE/

來源

2013-10-08 user2590995

http://stackoverflow.com/questions/15889786/highcharts-y-axis-padding-in-a-bar-chart。看看接受的答案。這是類別的問題。 –

你可以得到它通過放棄類別，並在dataseries指定indivual x和y點工作。您可以使用Date.UTC函數來計算年份值中的日期。

另外，使用日期時間x軸渲染日期，使用minPadding 0來確保第一個點出現在y軸上。

xAxis: { 
     type:'datetime', 
     tickLength: 2, 
     minPadding:0, 
     startOnTick:true 
    }, 
series: [{ 
     data: [[Date.UTC(1990,0,1,0,0,0),100], [Date.UTC(1991,0,1,0,0,0),125], [Date.UTC(1992,0,1,0,0,0),150], [Date.UTC(1993,0,1,0,0,0),125], [Date.UTC(1994,0,1,0,0,0),90]] 
    },{ 
     data: [[Date.UTC(1990,0,1,0,0,0),100], [Date.UTC(1991,0,1,0,0,0),80], [Date.UTC(1992,0,1,0,0,0),90], [Date.UTC(1993,0,1,0,0,0),80], [Date.UTC(1994,0,1,0,0,0),70]] 
    },{ 
     data: [[Date.UTC(1990,0,1,0,0,0),100], [Date.UTC(1991,0,1,0,0,0),90], [Date.UTC(1992,0,1,0,0,0),80], [Date.UTC(1993,0,1,0,0,0),60], [Date.UTC(1994,0,1,0,0,0),180]] 
    }]

http://jsfiddle.net/D6ymT/

來源

2013-10-09 08:10:07 SteveP

在這裏我們是4年後，這個修復仍然是需要的類別？ – Micah

Highcharts：如何在折線圖中設置Y軸上的第一個類別？

回答

相關問題