categoryAxis doesn't show all labels

[MV ČR]

 

 

 

[MV ČR]

    Hello,
I ran into a problem with column chart  not showing all labels.

01.<div id="example">
02.    <div class="demo-section k-content">
03.        <div id="chart" style="background: center no-repeat url('../content/shared/styles/world-map.png');"></div>
04.    </div>
05.    <script>
06.        function createChart() {
07.            $("#chart").kendoChart({
08.   "theme":"flat",
09.   "dataSource":{
10.      "data":[
11.        {
12.            "BolgeBilgileriBolge":"2",
13.            "HayvanBilgileriGrup":"Su Ürünleri",
14.            "HayvanBilgileriGrup_Value":"Su Ürünleri",
15.            "ToplamHayvanSayisi":221
16.         }, {
17.            "BolgeBilgileriBolge":"2",
18.            "HayvanBilgileriGrup":"Su Ürünleri",
19.            "HayvanBilgileriGrup_Value":"Su Ürünleri",
20.            "ToplamHayvanSayisi":221
21.         }, {
22.            "BolgeBilgileriBolge":"2",
23.            "HayvanBilgileriGrup":"Su Ürünleri",
24.            "HayvanBilgileriGrup_Value":"Su Ürünleri",
25.            "ToplamHayvanSayisi":221
26.         },
27.         {
28.            "BolgeBilgileriBolge":"1",
29.            "HayvanBilgileriGrup":"Kümes Hayvanı",
30.            "HayvanBilgileriGrup_Value":"Kümes Hayvanı",
31.            "ToplamHayvanSayisi":304
32.         },
33.         {
34.            "BolgeBilgileriBolge":"2",
35.            "HayvanBilgileriGrup":"Su Ürünleri",
36.            "HayvanBilgileriGrup_Value":"Su Ürünleri",
37.            "ToplamHayvanSayisi":221
38.         },
39.         {
40.            "BolgeBilgileriBolge":"1",
41.            "HayvanBilgileriGrup":"Domuz Yetiştiriciliği",
42.            "HayvanBilgileriGrup_Value":"Domuz Yetiştiriciliği",
43.            "ToplamHayvanSayisi":100
44.         }
45.      ],
46.      "group":{
47.         "field":"HayvanBilgileriGrup"
48.      },
49.      "sort":[
50.         {
51.            "field":"ToplamHayvanSayisi",
52.            "dir":"asc"
53.         },
54.
55.         {
56.            "field":"HayvanBilgileriGrup",
57.            "dir":"asc"
58.         }
59.      ]
60.   },
61.   "title":{
62.      "text":" "
63.   },
64.   "legend":{
65.      "visible":true,
66.      "position":"bottom"
67.   },
68.   "seriesDefaults":{
69.      "type":"column",
70.
71.   },
72.   "series":[
73.      {
74.
75.         "field":"ToplamHayvanSayisi"
76.      }
77.   ],
78.   "categoryAxis":{
79.      "field":"BolgeBilgileriBolge",
80.      "majorGridLines":{
81.         "visible":true
82.      }
83.   },
84.   "tooltip":{
85.      "visible":true,
86.      "template":"#:data.series.name# #:parseFloat(value).toLocaleString('tr-TR')# Adet"
87.   }
88.});
89.        }
90.
91.        $(document).ready(createChart);
92.        $(document).bind("kendo:skinChange", createChart);
93.    </script>
94.</div>

[MV ČR]

There is just only category named 1 but cat. 2 is not there. Someone with an idea?

[Alex Hajigeorgieva]

Hello,

Thank you for the provided data.

The behaviour that you are experiencing is due to uneven data as explained in this forum thread:

https://www.telerik.com/forums/kendo-chart-with-grouped-data-and-some-missing-categoryaxis-labels-#O4Jgmod0hE68NdEmZBwB7g

You may utilize the series.categoryField or even out the data:

series":[ { 
  categoryField: "BolgeBilgileriBolge",

Here is a runnable example with series.categoryField in action:

https://dojo.telerik.com/@bubblemaster/amOPUmiC

Kind Regards,
Alex Hajigeorgieva
Progress Telerik