x 軸の値のラベルを変更しています。これを達成しようとした後、x 軸ラベルの表示はありません。
Javascript コード
$(document).ready(function() {
var labels = [ '5/7','5/7','5/7','5/7','5/7','5/7','5/7','5/7','5/7','5/7' ];
chart = new Highcharts.Chart({
chart: { renderTo:'chart_container' },
title: { text: 'Rev Load' },
xAxis: { categories: ['5/7 64298-R3', '5/7 64308-R3', '5/7 64311-R3', '5/7 64312-R3', '5/7 64302-R3', '5/7 64307-R3', '5/7 64309-R3', '5/7 64297-R3', '5/7 64310-R3', '5/7 64305-R3'], labels: {
formatter: function() { return labels[this.value];} },
tickInterval: 3 },
yAxis: { max: 0.0018, min: 0.0014, plotLines: [{ color: 'red', dashStyle: 'shortDash', value: 0.0018, width: 2 }, { color: 'red', dashStyle: 'shortDash', value: 0.0014, width: 2 }], title: { text: '' } },
series: [{ data: [0.00150, 0.00170, 0.00140, 0.00180, 0.00150, 0.00160, 0.00140, 0.00150, 0.00180, 0.00160], name: 'Values' }]
});
C# DotNet コード
chart.SetXAxis(new XAxis
{
Categories = categories.ToArray(),
TickInterval = 3,
Labels = new XAxisLabels { Formatter = "function() { labels[this.value];} " }
});
現在表示されているもののスクリーンショット
スクリーンショットが示すように、ポイントの x 軸ラベルがありません。
PS私はx軸のタイトルについて言及しているのではなく、x-axis labels
.
背景情報
- テクノロジー: ASP.NET MVC3 DotNet C#
- DotNet ハイチャート ライブラリ: http://dotnethighcharts.codeplex.com/
問題に誤解がある場合はお知らせください。ご協力ありがとうございます。
編集 - キーワードが見つからないという問題を修正しましたreturn
が、まだラベルが表示されていないようです