Convert HTML Table to column chart

[maryam]

Hi all,

I'm actually kendo-beginner and my question is: is it possible to convert html table into column chart?

I have something similier to this but it is not working, i have a feeling that this might be related to databinding process but I'm not sure..

<asp:Repeater ID="Repeater1" runat="server"
DataSourceID="RefData">
<HeaderTemplate>
<table id="datatable">

<thead>
<tr>
<th > Name </th>
<th>Score</th>
</tr>

</thead>
</HeaderTemplate>
<ItemTemplate>

<tbody>
<tr>

<td >
<%# DataBinder.Eval(Container.DataItem, "QName") %>
</td>

<td >
<%# DataBinder.Eval(Container.DataItem, "Score") %>
</td>
</tr>
</tbody>

</ItemTemplate>
<FooterTemplate>

</table>


</FooterTemplate>
</asp:Repeater>

<script type="text/javascript">

var dataTest = [document.getElementById('datatable')];


function createChart() {
$("#chart").kendoChart({

dataSource: {
data: dataTest
},

title: {
align: "center",
text: "Score"
},
legend: {
visible: false
},
seriesDefaults: {
type: "column",
labels: {
visible: true,
background: "transparent"
}
},
series: [{
field: "Score",
colorField: "userColor"
}],
valueAxis: {
max: 28,
majorGridLines: {
visible: false
},
visible: false
},
categoryAxis: {
field: "Score",
majorGridLines: {
visible: false
},
line: {
visible: false
}
}
});
}

$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
</script>
</div>


Any help is appreciated.

Regards,
Maryam

[Iliana Dyankova]

Hi Maryam,

Converting HTML Table to Kendo UI Chart is not supported. We will appreciate it if you submit this idea as a feature request at our UserVoice portal - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementaion for future releases.

Regards,
Iliana Nikolova
Telerik