kendo-chart

Bar graph Stack data on the top of each other

蹲街弑〆低调 提交于 2019-12-11 02:28:52
问题 I am using this chart implementation. However, it disperse my data rather than stack on the top of each other. I want to stack my first array on 1970, the second one on 1975. In other words, I would like to have two stacked bar rather than have five. I would like to keep my data array as it is, rather than seperating them into pieces. function createChart() { $("#chart").kendoChart({ title: { text: "World population by age group and sex" }, legend: { visible: false }, seriesDefaults: { type:

kendo bar chart colors of categories

霸气de小男生 提交于 2019-12-08 00:07:48
问题 Please see here: http://jsbin.com/teveza/edit?html,output Basically I'm trying to have two horisontal bars for comparison. I want them to have a categoryAxis title and have different colors. And I cannot get both. So far the closest I can get is this: { seriesColors: ["red", "green"], "seriesDefaults": { "type": "bar" }, series: [ { data: [2,3] }, ], categoryAxis:{ categories:["Red Category","Green Category"], lables:{ visible:true, } } } So.... any pointers on how to do that will be

kendo bar chart colors of categories

和自甴很熟 提交于 2019-12-06 09:47:15
Please see here: http://jsbin.com/teveza/edit?html,output Basically I'm trying to have two horisontal bars for comparison. I want them to have a categoryAxis title and have different colors. And I cannot get both. So far the closest I can get is this: { seriesColors: ["red", "green"], "seriesDefaults": { "type": "bar" }, series: [ { data: [2,3] }, ], categoryAxis:{ categories:["Red Category","Green Category"], lables:{ visible:true, } } } So.... any pointers on how to do that will be appreciated The series object has a property called colorField that can be used for this: http://docs.telerik

KendoUI chart - how do I show animation while loading data?

你离开我真会死。 提交于 2019-12-05 16:23:34
问题 I have a KendoUI chart generated with JavaScript. Is there a way to clear the plotArea with a command? For the purpose of showing a "Loading..." image while waiting for a DataSource to read remote data. Thanks 回答1: Displaying and hiding the loading animation is: // Display progress kendo.ui.progress($("#loading"), true); // Hide progress kendo.ui.progress($("#loading"), false); Then you should use requestStart and requestEnd events in the DataSource for knowing when to show or hide the

KendoUI chart - how do I show animation while loading data?

試著忘記壹切 提交于 2019-12-04 01:32:18
I have a KendoUI chart generated with JavaScript. Is there a way to clear the plotArea with a command? For the purpose of showing a "Loading..." image while waiting for a DataSource to read remote data. Thanks Displaying and hiding the loading animation is: // Display progress kendo.ui.progress($("#loading"), true); // Hide progress kendo.ui.progress($("#loading"), false); Then you should use requestStart and requestEnd events in the DataSource for knowing when to show or hide the progress animation. The DataSource of the Chart would be: dataSource : { transport : { read: { url:... } }, sort :

Remove legend color boundary

巧了我就是萌 提交于 2019-12-02 18:53:44
问题 I have the following implementation. It works and functional. However, I want to remove legend color boundary which is black. I could not able to figure out how? var marker = new kendo.drawing.Path({ fill: { color: color } }).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0,0).close(); http://jsfiddle.net/1ost124j/3/ 回答1: You can set the stroke ( border color ) same as you set the fill var marker = new kendo.drawing.Path({ fill: { color: color }, stroke: { color: color } }).moveTo(10, 0)

Remove legend color boundary

陌路散爱 提交于 2019-12-02 08:47:33
I have the following implementation. It works and functional. However, I want to remove legend color boundary which is black. I could not able to figure out how? var marker = new kendo.drawing.Path({ fill: { color: color } }).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0,0).close(); http://jsfiddle.net/1ost124j/3/ You can set the stroke ( border color ) same as you set the fill var marker = new kendo.drawing.Path({ fill: { color: color }, stroke: { color: color } }).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0,0).close(); You could also remove the stroke by setting its color to

kendo chart call out message

非 Y 不嫁゛ 提交于 2019-12-02 06:42:32
问题 I have a kendo line chart which will bind the data from Model as below. Now i would like to show at particular point a call out message saying degradation start at this point dynamically. Can some one help me on this how to acheive this. <div style="overflow:scroll;width:100%"> @if (@Model != null && @Model.XYAxisData != null) { @(Html.Kendo().Chart() .Name("Predictionchart") .Transitions(false) .RenderAs(RenderingMode.Canvas) //.Title(Model.YString + " Vs " + Model.XString + " Relationship")

Kendo Chart category axis fix number of labels

醉酒当歌 提交于 2019-12-02 06:21:26
问题 I have a kendo chart with date time series on x-axis as below but i wanted to fix the number of labels on the axis. Could you please help me on this how to acheive. @(Html.Kendo().Chart(Model.ParameterValueList) .Name("chart") .Title("Chart Title") .DataSource(ds => ds .Group(group => group.Add(model => model.Parameter.Name)) ) .Series(series => { series.Line(Model.ParameterValueList).CategoryField("ReceiveTime").Field("Value").Stack(false); }) .CategoryAxis(axis => axis .Categories(model =>

Kendo Chart category axis fix number of labels

烈酒焚心 提交于 2019-12-02 02:31:50
I have a kendo chart with date time series on x-axis as below but i wanted to fix the number of labels on the axis. Could you please help me on this how to acheive. @(Html.Kendo().Chart(Model.ParameterValueList) .Name("chart") .Title("Chart Title") .DataSource(ds => ds .Group(group => group.Add(model => model.Parameter.Name)) ) .Series(series => { series.Line(Model.ParameterValueList).CategoryField("ReceiveTime").Field("Value").Stack(false); }) .CategoryAxis(axis => axis .Categories(model => model.ReceiveTime).Date().RoundToBaseUnit(true) .Labels(l => l.Rotation(-45).Format("dd MMM yyyy hh:mm