Question

我有一个Kendo UI 100％堆积柱形图，使用PHP包装器创建，绑定到远程数据源，但它显示数据不正确。

PHP包装器生成以下jQuery脚本：

jQuery(function(){jQuery("#CRMIssueQuery").kendoChart({
    "title":{
        "text":"Nyert \u00e9s vesztett ig\u00e9nyek ar\u00e1nya forr\u00e1sonk\u00e9nt"
    },
    "seriesDefaults":{
        "type":"column",
        "stack":{"type":"100%"},
        "style":"smooth"
    },
    "legend":{"position":"bottom"},
    "dataSource":{
        "transport":{
            "read":{
                "url":"http:\/\/localhost\/g4s_portal\/?page=chart-data&mode=chart-data&w=1&id=17&type=column&from=2018.03.27&to=2018.04.26",
                "type":"POST",
                "dataType":"json"
            }
        }
    },
    "categoryAxis":[{
        "labels":{"rotation":-45},
        "crosshair":{"visible":false},
        "majorGridLines":{"visible":false},
        "majorTicks":{"visible":true}
    }],
    "valueAxis":[{
        "majorGridLines":{"visible":true}
    }],
    "pdf":{
        "fileName":"CRMIssueQuery_2018_04_26_10_04_18.pdf",
        "proxyURL":"http:\/\/localhost\/g4s_portal\/?page=chart-data&mode=pdf&w=1"
    },
    "tooltip":{
        "visible":true,
        "format":"{0}",
        "template":"#= series.name #: #= value #"
    },
    "chartArea":{
        "background":"transparent"
    },
    "dataBound":OnDataBoundChart,
    "series":[
        {"field":"Nyert","categoryField":"Name","name":"Nyert"},
        {"field":"Vesztett","categoryField":"Name","name":"Vesztett"}
    ]
});});

这是我从远程数据源获得的数据：

[{"Name":"Belső megkeresés","Nyert":"69","Vesztett":"2"},
 {"Name":"E-mail","Nyert":"8","Vesztett":"13"},
 {"Name":"Honlap","Nyert":"4","Vesztett":"6"},
 {"Name":"Telefon","Nyert":"59","Vesztett":"14"}]

这是我得到的图表：

看起来，第一个数据值，称为＆＃34; Nyert＆＃34;始终是100％，第二个数据值＆＃34; Vesztett＆＃34;从100％开始，并以第一个数据的速率或两者的总和增长。

可能给定的远程数据结构是问题，这很好，因为我也可以控制它，但我似乎找不到任何关于theese类型所需结构的例子。图表。

这是一个具有所需结果的Kendo Dojo。唯一的区别是，这里的数据来自本地绑定。

Answer 1

尝试使用整数值而不是字符串值。这应该是诀窍：

[{"Name":"Belső megkeresés","Nyert":69,"Vesztett":2},
{"Name":"E-mail","Nyert":8,"Vesztett":13},
{"Name":"Honlap","Nyert":4,"Vesztett":6},
{"Name":"Telefon","Nyert":59,"Vesztett":14}]

KendoUI 100％堆积柱形图未正确显示

1 个答案: