如何使用圖像中顯示的自定義圖表？

可否請您告訴我刪除標籤y軸標籤。我使用高圖庫做一個簡單的圖表。 http://www.highcharts.com/demo/areaspline 我看到了一些y軸標籤0,2.5,5..etc我想刪除該標籤。我需要顯示如圖所示的圖表[！[在此輸入圖片] [1]] [ 1] http://jsfiddle.net/19bxgykz/1/如何使用圖像中顯示的自定義圖表？

我們可以在圖像中顯示右側嗎？

這裏是我的代碼 http://jsfiddle.net/19bxgykz/1/

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'areaspline' 
     }, 
     title: { 
      text: 'Average fruit consumption during one week' 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'left', 
      verticalAlign: 'top', 
      x: 250, 
      y: 300, 
      floating: true, 
      borderWidth: 1, 
      backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF' 
     }, 
     xAxis: { 
      categories: [ 
       'Monday', 
       'Tuesday', 
       'Wednesday', 
       'Thursday', 
       'Friday', 
       'Saturday', 
       'Sunday' 
      ] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit units' 
      } 
     }, 
     tooltip: { 
      shared: true, 
      valueSuffix: ' units' 
     }, 
     credits: { 
      enabled: false 
     }, 
     plotOptions: { 
      areaspline: { 
       fillOpacity: 0.8 
      } 
     }, 
     series: [{ 
      name: 'John', 
      data: [3, 4, 3, 5, 4, 10, 12] 
     }] 
    }); 
});

來源

2015-09-04 user944513

可能的複製http://stackoverflow.com/questions/32402753/如何去除的-的-y軸標籤中圖。那個使用融合圖表，但問題標題是相同的。可能是一項家庭作業？ – wergeld

修改y軸用下面的代碼的

yAxis: { 
     title: { 
      text: '' 
     }, 
     labels: { 
      enabled:false 
     } 
    },

來源

2015-09-04 17:19:30

如果你想從左側那麼你可以使用opposite財產看到y軸的標籤。像這樣的配置：

yAxis : { 
    opposite:true, 
    //other options 
}

在這裏看到的代碼：https://jsfiddle.net/19bxgykz/1/

來源

2015-09-04 17:12:30 shershen

我想你貼錯了鏈接。這一個和原來的一樣。 – HeadCode

嗯奇怪，是的。檢查一個 - http://jsfiddle.net/ogwsL7j3/ – shershen

如何使用圖像中顯示的自定義圖表？

回答

相關問題