格式化Highcharts系列

Question

我的图表如下所示。

我有两个单独的问题：

1. 我怎么能有“。”作为系列中的数千个分隔符（当您将鼠标悬停在数据上时，工具提示中有一个）。我已经尝试过调查plotoptions和numberformat，但是还没有能够解决这个问题。

2. 如何处理数据变得如此之小的问题，数字难以辨认。

我意识到问题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);

Answer 1

1）将thousandSep设为'。'并将工作，请参阅：http://jsfiddle.net/3bQne/310/

Highcharts.setOptions({
    lang: {
        thousandsSep: '.'
    }
});

2）好吧，你可以隐藏那些标签 - 为此，使用dataLabels.formatter并检查值是否低于总数的5％，并决定是否显示该dataLabel。