2014-02-21 161 views
0

我想繪製我的x軸上的十進制值,但我的每個數據點只放在我的主要刻度線上(整數)。我使用了一組[x,y]配對數據,例如[[35,1500],[35.21,2000],[35.72,3500],[36.32,4000]]HighCharts不繪製x軸十進制值

發生了什麼,是第一項得到的值放在起始值(35)上,第二值(x 35.21)直接放置在36以上,下一個值(x 35.72)放置在37以上,等等。就好像我的數據中的x值被忽略。

以下是圖表的設置屬性:

chart: { 
     zoomType: 'x', 
     spacingRight: 10, 
     type: 'area' 
    }, 
    title: { 
      text: null 
    }, 

    xAxis: { 
     allowDecimals: true, 
     tickInterval: 1, 
     minorTickInterval: 10, 

     labels: { 
      step: 1 
     }, 
     title: { 
      text: null 
     } 
    }, 
    yAxis: { 
     min: 0, 
     title: { 
      text: 'total$' 
     } 
    }, 
    tooltip: { 
     shared: true 
    }, 
    legend: { 
     enabled: false 
    }, 
    plotOptions: { 
     area: {     
      pointStart: 35,         
      lineWidth: 1, 
      marker: { 
       enabled: false 
      }, 
      shadow: false, 
      states: { 
       hover: { 
        lineWidth: 1 
       } 
      }, 
      threshold: null 
     } 
    }, 
    series: [ 
     { 
      //index: 1, 
      name: 'trajectory$',                  
      data: progressUpdateData,    
     } 
    ]     

如何獲得的x值繪製正確? 感謝

回答

1

這裏有一個小提琴顯示您的點,之間的整數 http://jsfiddle.net/LLExL/2462/

plotOptions: { 
    area: {     
     pointStart: 35,  
     pointPlacement: 'between',       
     lineWidth: 1, 
     marker: { 
      enabled: false 
     }, 
     shadow: false, 
     states: { 
      hover: { 
       lineWidth: 1 
      } 
     }, 
     threshold: null 
    } 
} 

你可能想看看http://api.highcharts.com/highcharts#plotOptions.area.pointPlacement因爲也許你有這樣的設置爲"on",而不是"between"地方?

+0

真棒,感謝您的幫助!並感謝發佈小提琴,這也幫助我解決了其他問題。 – user3338114

+0

太棒了!如果這回答了問題,您應該點擊支票「接受答案」。查看更多[here](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work/5235#5235) – Will

0

威爾的答案對我無效。但是,將minmax設置爲yAxis。如果您有這些值[[35,1500], [35.21,2000], [35.72,3500], [36.32,4000]],您只需設置最小值35和最大值37

yAxis: { 
    min: 0, 
    title: { 
     text: 'total$' 
    } 
}, 

成爲本

yAxis: { 
    min: 35, 
    max: 37, 
    title: { 
     text: 'total$' 
    } 
},