Jquery 格式图表系列

Jquery 格式图表系列,jquery,formatting,highcharts,Jquery,Formatting,Highcharts,我有一张如下所示的图表 我有两个不同的问题: 我怎样才能将“.”acour作为系列中的千位分隔符(当您将鼠标悬停在数据上时,工具提示中有一个分隔符)。我曾尝试研究plotoptions和numberformat,但未能解决此问题 如何处理数据变得如此之小,以至于数字难以辨认的问题 我意识到第二个问题更加开放,但任何想法都将不胜感激 提前谢谢 图表: <script type="text/javascript"> $(docum

我有一张如下所示的图表

我有两个不同的问题:

  • 我怎样才能将“.”acour作为系列中的千位分隔符(当您将鼠标悬停在数据上时,工具提示中有一个分隔符)。我曾尝试研究plotoptions和numberformat,但未能解决此问题

  • 如何处理数据变得如此之小,以至于数字难以辨认的问题

  • 我意识到第二个问题更加开放,但任何想法都将不胜感激

    提前谢谢

    图表:

                <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);
    
    
    $(文档).ready(函数(){
    Highcharts.setOptions({
    朗:{
    千塞普:'.'
    }
    });
    var tapegraph={
    颜色:[
    '#525051'
    ],
    正在导出:{enabled:false},
    图表:{
    renderTo:'tapecontainer',
    类型:“列”
    },
    学分:{
    已启用:false
    },
    标题:{
    文字:“Tapeforbrug”
    },
    xAxis:{
    类别:[]
    },
    亚克斯:{
    分:0,,
    标题:{
    文本:“千兆字节”
    },
    堆叠标签:{
    启用:对,
    风格:{
    fontWeight:'粗体',
    颜色:(Highcharts.theme&&Highcharts.theme.textColor)| |“灰色”
    }
    }
    },
    图例:{
    对齐:“右”,
    x:-100,
    垂直排列:“顶部”,
    y:5,
    浮动:是的,
    背景色:(Highcharts.theme&&Highcharts.theme.legendBackgroundColorSolid)| |白色,
    边框颜色:“#CCC”,
    边框宽度:1,
    影子:错
    },
    打印选项:{
    专栏:{
    堆叠:“正常”,
    数据标签:{
    启用:对,
    颜色:(Highcharts.theme&&Highcharts.theme.dataLabelsColor)| |“白色”
    }
    }
    },
    系列:[]
    };
    $.get(“../classic_3270/KMDprod1/INFO.CPU.REPORT.MFTAPE”+kunde+“.txt”,函数(数据){
    变量行=data.split('\n');
    lines=data.trim().split('\n');
    $.each(行,函数)(行号,行){
    var items=line.split(',');
    如果(行号==0){
    $。每个(项目,功能(项目编号,项目){
    if(itemNo>0)tapegraph.xAxis.categories.push(item);
    })
    ;
    }
    否则{
    变量系列={
    点宽度:42,
    数据:[]
    };
    $。每个(项目,功能(项目编号,项目){
    如果(itemNo==0){
    series.name=项目;
    }否则{
    数据推送(parseFloat(item));
    }
    });
    磁带机.系列.推送(系列);
    }
    });
    var图表=新的Highcharts.图表(tapegraph);
    
    1)将千禧年九月设置为“.”即可工作,请参见:


    (二)好的,你可以隐藏标签-对于这样的事情,使用dataLabels.formatter并检查值是否低于总数的5%,然后决定是否显示该dataLabel。

    非常感谢你的回答。事实上,这正是我已经尝试过的事情。但没有结果。我已经在我的原始帖子中包含了图表的源代码。你知道吗你知道这是什么原因吗?我发现的示例表明这应该是正确的。将代码放入JSFIDLE,这将显示错误。我知道你有AJAX-Put响应,来自AJAX的响应是单个字符串(是CSV,对吗?)因此,即使在JSFIDLE中,它也能工作。摆弄它让我自己找到了答案,似乎我使用的是Highcharts的旧版本。
    Highcharts.setOptions({
        lang: {
            thousandsSep: '.'
        }
    });