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>

你可以发布输入数据吗？ – DanielS

运行代码张贴产生适当的分类结果对我来说... – jlbriggs

但在您的电子表格中没有关于GRADE的信息，只有我看到一列有值的分类：9,10,11,12。 –

答

您可以指定x轴的类型明确有问题就解决了。

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

这样做。谢谢您的帮助。另外，是否有另外的Highcharts文档指南？我所知道的关于高图的一切都来自于stackoverflow的帖子和codepens。 – user3411192

您可以随时查看http://api.highcharts.com/highcharts。大多数段落将引导你到jsFiddle，所以很容易看到行动中的概念 – Igor

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

Highcharts将日期格式化为x轴文本值

相关推荐