高保真类别问题

时间:2013-08-20 11:27:05

标签: highcharts

由于种类繁多,我有一个高图条形图。 类别来自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]
                        ]
                    }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    ]

1 个答案:

答案 0 :(得分:1)

是的,它看起来像一个bug,报告here。谢谢!

简单的解决方法是使用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