| This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal. |
Hi,
I am trying to use kony chart widget in visualizer 7.3 . Created project using kony MVC. When rendering the donut chart on tab pane, facing below problems .
1- Height of chart is working only on 50 and 100. Below 50 also working but looking very small. Giving size 90 also making the chart very small.
2- Trying to make component for this. So taken tabpane inside component to render chart. In Component chart is looking small after giving height:100. No able to do much on size here.
3- Working on tab widget when changing properties of tabpane and saving. All the time visualizer fridges. To replicate this just keep on changing the tabpane properties and see.
Below is the sample donut chart I am working on.
renderChart:function(){
this.view.TabPane0f6a98be98e6e4a.Tab0ceb368d32e7141.add(this.kdv_createChartWidget());
},
kdv_createChartWidget: function() {
var chartObj = this.kdv_createChartJSObject();
var chartWidget = new kony.ui.Chart2D3D({
"id": "chartid",
"isVisible": true
}, {
"widgetAlignment": constants.WIDGET_ALIGN_CENTER,
"contentAlignment": constants.CONTENT_ALIGN_MIDDLE_LEFT,
"containerWeight": 100
}, chartObj);
return chartWidget;
},
//creating chart object with chart properties and chart data...
kdv_createChartJSObject : function() {
var chartJSObj = {
"chartProperties": {
"chartHeight": 150,
"drawEntities": ["donutChart"],
"donutChart":
{
"spinWheel": false,
"holeRadius": 92,
"startAngle": 310,
"pieSlice":{
"color":["0x3165cbff","0xdc3812ff", "0xff9700ff", "0x11951bff", "0x990098ff"],
"transparency":[0,0,0,0,100]
}
}
},
"chartData": {
"columnNames": {
"values": ["col1"]
},
"rowNames": {
"values": []
},
"data": {
"col1": [33, 33, 33, 0,30]
}
}
};
return chartJSObj;
},
Thanks