kendo-chart

问题 I have a kendo bar chart as below. But instead of colors i need to show as some line or dots pattern. Can someone help me on this. I have the datasource for the chart. Then I am binding that data to datasource. How will i assign the patters? Could you please help me on this $("#NumActivitiesChart").kendoChart({ title: { text: "Number of Activities Report", font: "bold 20px Arial,Helvetica,sans-serif", color: "brown" }, //plotArea: { // background: "#EAEFFA" //}, dataSource:

问题 I am using kendo angular chart and multiselect. Right now I am call same api twice to load the data in both. Is there any way to define multiple schema in same api call? My data is like following { "List": [ { "Name": "xyz", "Activation": "2016-12-08", "End": "2016-12-09", "Run": "45", "Status": "FAILURE", "color": "red" }, { "Name": "wqe", "Activation": "2016-12-07", "End": "2016-12-08", "Run": "46", "Status": "FAILURE", "color": "red" } ], "NameList": [ { "Name": "joo" }, { "Name": "foo" },

问题 I have the following implementation, it works and functional. However I would like to assign fname attribute as a legend, not series attribute. I believe that I need to work on the following line of code, but I could not able to figure out yet. var label = new kendo.drawing.Text(e.series.name, [0, 0], { fill: { color: "black" } }); http://jsfiddle.net/1ost124j/1/ 回答1: Something like e.series.data[1].fname should do it. More accurately (based on your suggestion) the below is the fully working

问题 I have a chart and implemented seriesClick event. When User clicks it loads dataA , when user click again it loads dataB . It is fully implemented and it is functional. However my question is how to fix chart area and legend area. Legend length differs in dataA and dataB , therefore when user click on series, chart is not stay stable, it adjusts automatically. I do not want my chart to adjust automatically. my SeriesClick event implementation is as follows: function clickEvent (e) { if (

问题 Is there any built in method in kendo when user clicks on the bar chart item, then it will highlight all corresponding items? For example in the following fiddle, there are five items. If I click item1 in the first bar (1970) , it should highlight item1 in second bar (1975) . series: [{ type: "column", field: "value", stack: true, name: "#= group.value #" }], 回答1: You can add the seriesClick event. Then determine which series was clicked and use the toggleHighlight() method to turn off

问题 As a default, chart shows data for 2001-2002 ; I would like to know when user hover the mouse on the chart it will show data for 2002-2003. Once mouser is out of the chart then it should go back to default stage. //The first data comes from 2001-2002 var seriesData = [{ year: "2000", sold: 100, produced: 200 }, { year: "2001", sold: 250, produced: 280 }]; // The second dataset comes from 2002-2003 var seriesData2 = [{ year: "2002", sold: 140, produced: 240 }, { year: "2004", sold: 350,

问题 I'm creating a grouped bar chart like this: $("#chart").kendoChart({ dataSource: { data: rawdata, group: { field: "Serie" }, }, legend: { position: "top" }, plotArea: { background: "white", }, seriesDefaults: { type: "column", style: "smooth", stack: true }, series: [ { field: 'Valor1', labels: { visible: true, background: '', format: 'p1', color: 'white', position: 'center' }, } ], valueAxis: { max: 1, labels: { format: "p2" }, line: { visible: false }, axisCrossingValue: -10, },

问题 I have came across the following implementation. http://jsfiddle.net/ao617j2j/1/ As a default stack bar chart starts from 0, however, what if I want to start from +200. Is it possible? categoryAxis: { categories: ["First Stock", "Second Stock", "Third Stock", "Fourth Stock", "Fifth Stock"], axisCrossingValues: [0, 0, 10, 10], }, 回答1: Did you tried to change the valueAxes.min value? valueAxes: [{ title: { text: "Dollar($)" }, reverse: true, min: 200, // Changed this from 0 to 200 max: 1600 }],

问题 I have following JSON format, [{ day: "YYY", avgSecond: "100", waitSecond: "125"}, {day: "XXX", avgSecond: "145", waitSecond: "117"} ,{day: "TTT", avgSecond: "565", waitSecond: "340"},{day: "SSS", avgSecond: "125", waitSecond: "250"}]; I need to show this data in kendo chart as, avgSecond and waitSecond in HH.MM.SS format in chart Y-axis and day in X-axis , My code as follows, <div id="AvgChart"></div> var seriesData = [{ day: "YYY", second: "100", age: "125" }, { day: "XXX", second: "145",

问题 In the data, there is a object property called clr which is actually contains color information of corresponding object. I would like to draw a single line with multiple colors. However so far, I could not able to make it work. Here is a small sample of my dataset. {x: 11,y: 599,k: 500,clr:'blue'}, { x: 6,y: 699,k: 800,clr:'yellow'} Here is the code sample which I had expected to work: series: [{data: mydata,color: mydata.clr}], http://jsfiddle.net/epvg86qu/19/ 回答1: As mentioned here, the