0

由于类别众多,我有一个高图表条形图。类别来自 json 的 Unicode,但它表示正常。

某些数据未表示正常。我的代码:

$(function () {
var categories = ["ANALOGO","ANALOGO KLORNER","A\u00d1ADIR 1\u00aa PIEZA","A\u00d1ADIR RESTO PIEZAS","ARANDELA DE ORO","ARANDELA ZOCALO","CAJITA","CALCINABLE","CALCINABLE DIAMETRO 4","CALCINABLE KLORNER","CARILLA EMPRES","COMPLETA DEFINITIVA","COMPLETA PROVISIONAL","COMPOSTURA","COMPOSTURA PROTESIS","COMPOSTURA SIMPLE","CORONA CIRCONIO","CORONA CIRCONIO SOBRE IMPLANTE","CORONA EMPRESS SIN METAL","CORONA JACKET CERAMICA","CORONA METAL CERAMICA","CORONA PROVISIONAL CEMENTADA","CORONA SOBRE IMPLANTE","CUBETA DE RESINA","ESQUELETICO BILATERAL 1-3 PZAS","ESQUELETICO BILATERAL 3-5 PZAS","ESQUELETICO BILATERAL 5-8 PZAS","ESQUELETICO BILATERAL 8-14 PZAS","ESQUELETICO UNILATERAL 1-3 PZAS","FERULA DE BLANQUEAMIENTO","FERULA DESCARGA","GANCHO UNIDAD","IMPLANTE PROVISIONAL ATORNILLADO","MERYLAND PIEZA","PARCIAL ACRILICO 10 PZAS O M\u00c1S","PARCIAL ACRILICO DE 1-3 PZAS","PARCIAL ACRILICO DE 4 PZAS","PARCIAL ACRILICO DE 5 PZAS","PARCIAL ACRILICO DE 6 PZAS","PARCIAL ACRILICO DE 7 PZAS","PARCIAL ACRILICO DE 8 PZAS","PARCIAL ACRILICO DE 9 PZAS","PARCIAL ACRILICO PROV. 10 PZAS O M\u00c1S","PARCIAL ACRILICO PROV. DE 1-3 PZAS","PARCIAL ACRILICO PROV. DE 4 PZAS","PARCIAL ACRILICO PROV. DE 5 PZAS","PARCIAL ACRILICO PROV. DE 6 PZAS","PARCIAL ACRILICO PROV. DE 7 PZAS","PERNO MU\u00d1ON COLADO","PERNO MU\u00d1ON DOBLE COLADO","PILAR ANGULADO","PROTESIS HIBRIDA","REBASE PROTESIS","REPARACION ARCADA CERAMICA","REPARACION CERAMICA","REPLICA DIAMETRO 5 MM","SOBREDENTADURA CON LOCATOR","SOLDADURA","TORNILLO AVINENT","TORNILLO KLORNER","TORNILLO TITANIO","VARIOS"];
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Stacked bar chart'
        },
        xAxis: {
            categories: categories
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            }
        },
        legend: {
            backgroundColor: '#FFFFFF',
            reversed: true
        },
        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },
            series: [

                    {   
                        name:'DENTALZUERA',
                        data: [
                            [categories.indexOf("COMPLETA PROVISIONAL"),4],[categories.indexOf("CORONA METAL CERAMICA"),1],
                            [categories.indexOf("CORONA SOBRE IMPLANTE"),2],[categories.indexOf("FERULA DESCARGA"),1],
                            [categories.indexOf("VARIOS"),1]
                        ]
                    },
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ]
    });
});

这里的问题是这里的最后一个类别是 62(我猜是索引),而不是类别编号:“VARIOS”。我猜这是一个错误,因为它发生在 highcharts v.3.0.4 上。但在 v.3.0.2 中没有发生

见小提琴:

http://jsfiddle.net/Ra6Mc/38/

最糟糕的问题是某些数据系列,并非所有“需要”的类别标签都被表示出来:我真的不知道它选择了哪个标准或我的错误在哪里。

http://jsfiddle.net/Ra6Mc/37/

新数据:系列:[

                    {   
                        name:'DENTOTAL SALUD ORAL',
                        data: [
                            [categories.indexOf("COMPLETA PROVISIONAL"),4],[categories.indexOf("CUBETA DE RESINA"),2],
                            [categories.indexOf("PROTESIS HIBRIDA"),1],[categories.indexOf("VARIOS"),2]
                        ]
                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ]
4

1 回答 1

1

是的,它看起来像一个错误,在此处报告。谢谢!

简单的解决方法是使用 tickPositioner 并pointRange: 1为系列设置:

        tickPositioner: function (min, max) {
            var t = [],
                interval = 1;
            while (min <= max) {
                t.push(min);
                min += interval;
            }
            t.push(max)
            return t;
        }

jsFiddle

于 2013-08-20T12:33:35.903 回答