ich das Diagramm mit Kendo erzeugtKendo Multi-Level-Balkendiagramm Ausgabe Zoom Ausgabe
Sein 2 Niveau des Diagramms.
Here is the js fiddle with 2 level's of chart
Problem war, wenn sie mit Hilfe von pan & zoom in Kendō Diagramm Gitterlinien zeigt das Mismatch-Diagramm Zoom.
Tatsächliches Bild nach dem Generieren des Diagramms.
Nach der Anwendung Pfanne & Zoom
Eigentlich das, was ich suche ... Kendo nicht korrekte Position zeigt
jQuery("#chart").kendoChart({
"chartArea": {
"height": 500
},
"title": {
"text": "Working women in Bahrain"
},
"legend": {
"labels": {
"template": "#= series.name #"
},
"position": "top"
},
"series": [{
"name": "Divorced",
"type": "column",
"data": [85393, 77464, 96399, 83679, 115378, 96117, 81731, 77118, 86773, 89057, 101897, 81349],
"stack": false
}, {
"name": "Married",
"type": "column",
"data": [77220, 85787, 94838, 92456, 93399, 89375, 79801, 87342, 105411, 100824, 94300, 92005],
"stack": false
}, {
"name": "Single",
"type": "column",
"data": [102443, 91787, 100185, 86968, 99938, 104390, 102129, 98333, 92575, 69093, 88107, 84893],
"stack": false
}, {
"name": "Widow",
"type": "column",
"data": [97150, 85356, 97143, 95212, 97313, 93572, 87118, 91988, 103927, 91054, 93480, 90099],
"stack": false
}],
"categoryAxis": [{
"labels": {
"rotation": {
"angle": "auto"
}
},
"majorGridLines": {
"visible": false
},
"title": {
"text": "Sectors",
"position": "left"
},
"categories": ["Private", "Public", "Private", "Public", "Private", "Public", "Private", "Public", "Private", "Public", "Private", "Public"]
}, {
"labels": {
"rotation": {
"angle": "auto"
}
},
"majorGridLines": {
"visible": true
},
"line": {
"visible": true
},
"title": {
"text": "Year",
"position": "left"
},
"categories": ["2010", "2011", "2012", "2013", "2014", "2015"]
}],
"valueAxis": [{
"majorGridLines": {
"visible": false
}
}],
"tooltip": {
"format": "{0}%",
"template": "#= series.name #: #= value #",
"visible": true
},
"pannable": {
"lock": "y"
},
"zoomable": {
"mousewheel": {
"lock": "y"
},
"selection": {
"lock": "y"
}
}
});
@esanker wenn ich die Grafik war zoomen (Mit Hilfe von Pan & Zoom) This Unsere Hauptrasterlinien wurden in der falschen Position zeigen ... wenn Sie pan anwenden & Zoom für diesen .... Sie können das Problem sehen .... –
@PrasadRaja, Mit meinen Änderungen sind die majorgridlines jetzt bei jeder Zoomstufe korrekt: http://codepen.io/ezanker/pen/grdyoR Verwenden Sie Ihr Mausrad, um in die Demo Codepen zu zoomen. – ezanker
Es gab ein Problem mit dem Beispiel (Wenn Sie das Diagramm schwenken/zoomen, haben wir die Hauptgitterlinie entsprechend dem Jahr bezüglich öffentlich/privat, es war nicht passend, wenn Sie die Achse ziehen/bewegen) ... wenn Sie das bemerken kann das Problem sehen. Hilfe wird geschätzt. –