次のようなチャートがあります。
私は2つの別々の質問があります：
どうすれば「。」を持つことができますか。シリーズの千単位の区切り記号として使用します (データにカーソルを合わせると、ツールヒントに 1 つ表示されます)。plotoptions と numberformat を調べてみましたが、うまくいきませんでした。
データが小さすぎて数字がわかりにくいという問題にどうアプローチするか。
質問番号 2 の方がはるかに自由回答であることは承知していますが、どんなアイデアでも大歓迎です。
前もって感謝します。
グラフ：
<script type="text/javascript">
$(document).ready(function () {
Highcharts.setOptions({
lang: {
thousandsSep: '.'
}
});
var tapegraph = {
colors: [
'#525051'
],
exporting: { enabled: false },
chart: {
renderTo: 'tapecontainer',
type: 'column'
},
credits: {
enabled: false
},
title: {
text: 'Tapeforbrug'
},
xAxis: {
categories: []
},
yAxis: {
min: 0,
title: {
text: 'Gigabyte'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
legend: {
align: 'right',
x: -100,
verticalAlign: 'top',
y: 5,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
}
}
},
series: []
};
$.get("../classic_3270/KMDprod1/INFO.CPU.REPORT.MFTAPE" + kunde + ".txt", function (data) {
var lines = data.split('\n');
lines = data.trim().split('\n');
$.each(lines, function (lineNo, line) {
var items = line.split(',');
if (lineNo == 0) {
$.each(items, function (itemNo, item) {
if (itemNo > 0) tapegraph.xAxis.categories.push(item);
})
;
}
else {
var series = {
pointWidth: 42,
data: []
};
$.each(items, function (itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
tapegraph.series.push(series);
}
});
var chart = new Highcharts.Chart(tapegraph);