Highcharts將日期格式化爲x軸文本值

由於某些原因，Highcharts正在將我的文本類別設置爲日期格式。Highcharts將日期格式化爲x軸文本值

背景信息 我從Google電子表格中獲取數據。標籤應該說12年級，11年級等。我知道我可以用類別功能覆蓋xAxis標籤，但我希望我可持續發展的解決方案，以便我的最終用戶可以根據自己的意願更改標籤。

CodePen

$(function() { 
 
    Highcharts.setOptions({ 
 
    chart: { 
 
     defaultSeriesType: 'bar', 
 
     backgroundColor: '#fff', 
 
     shadow: false 
 
    } 
 
    }); 
 
    $('#ms-highschool').highcharts({ 
 
     data: { 
 
     googleSpreadsheetKey: '1Nx8zcIi0ULxytLmra0A9N11-llzJCDVH2-7SbK_k5-U', 
 
     startColumn: 0, 
 
     endColumn: 1, 
 
     startRow: 0, 
 
     googleSpreadsheetWorksheet: 5 
 
     }, 
 
     title: { 
 
     text: 'Charter School Makret Share for High School Grades, SY 2014-15' 
 
     }, 
 
     yAxis: { 
 
     min: 0, 
 
     max: 40, 
 
     tickInterval: 10, 
 
     title: { 
 
      text: 'PCS Share' 
 
     } 
 
     }, 
 
     xAxis: { 
 
     labels: { 
 
      enabled: true, 
 
     } 
 
     } 
 
    }); 
 
});

<head> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script src="http://code.highcharts.com/highcharts.js"></script> 
 
<script src="http://code.highcharts.com/modules/data.js"></script> 
 
    <script> 
 
    
 
</script> 
 
</head> 
 
<body> 
 
    <div id="ms-highschool"></div> 
 
</body>

來源

2015-05-19 user3411192

你可以發佈輸入數據嗎？ – DanielS

運行代碼張貼產生適當的分類結果對我來說... – jlbriggs

但在您的電子表格中沒有關於GRADE的信息，只有我看到一列有值的分類：9,10,11,12。 –

您可以指定x軸的類型明確有問題就解決了。

xAxis: { 
    labels: { 
     enabled: true, 
    }, 
    type: "category" 
}

來源

2015-05-19 19:03:55 Igor

這樣做。謝謝您的幫助。另外，是否有另外的Highcharts文檔指南？我所知道的關於高圖的一切都來自於stackoverflow的帖子和codepens。 – user3411192

您可以隨時查看http://api.highcharts.com/highcharts。大多數段落將引導你到jsFiddle，所以很容易看到行動中的概念 – Igor

我知道，但我要求替代Highcharts API文檔... – user3411192

Highcharts將日期格式化爲x軸文本值

回答

相關問題