kendo-chart

问题 I have multiple kendo charts with panning and zooming enabled. On the mobile view, each graph takes up 100% width and since panning and zooming is enabled, the touch events are not fired and hence, no scrolling up or down in mobile. I tried attaching an event handler but to no avail. I want to enable browser touch events when the touch event fires from somewhere other than the chart area (legends or blank spaces) as highlighted in the image. 来源： https://stackoverflow.com/questions/59676975

问题 The mouse hover event does not fire up. I could not able to figure that out function createChart() { $("#chart") .kendoChart({ xAxis: {}, yAxis: {}, seriesDefaults: {type: "scatterLine" }, series: [{data: stats2}], }) } // the following part does not fire up var isHover = false; $("#chart").hover( function () { if (!isHover) { var chart = $("#chart").data().kendoChart; chart.options.series.data=stats2; isHover = true; } }, function () { if (isHover) { var chart = $("#chart").data().kendoChart

问题 I have the following implementation which actually highlight paired objects on the stacked bar chart. However, I would like to know whether or not there is a way to implement more pronounced highlight effect. For example make bar paired bar stacks border black when hover the mouse. seriesHover: function (e) { var clickedSeries = e.series.name; var chart = $("#chart").data("kendoChart"); for (var i = 0; i < chart.options.series.length; i++) { chart.toggleHighlight(false, chart.options.series[i

问题 I have the following JSON object. [ { "LocationName":"AAA", "YValue":0.29, "Time":"100" }, { "LocationName":"BBB", "YValue":0, "Time":"500" }, { "LocationName":"CCC", "YValue":0, "Time":"10" }, { "LocationName":"DDDD", "YValue":0, "Time":"120.10" }, { "LocationName":"GGG", "YValue":0, "Time":"60" }, { "LocationName":"LLL", "YValue":0, "Time":"60.5" } ] In above JSON Time in Seconds. I need to show that in the Kendo line chart as HH.MM.SS format. And YValue needs to show in Bar chart.

问题 When user hovers the mouse on the #chart , then second data is drawn. However I would like to know when user hovers the mouse on the first data line by itself not #chart then second data line is drawn. function createChart() { $("#chart") .kendoChart({ xAxis: {}, yAxis: {}, seriesDefaults: {type: "scatterLine" }, series: [{data: stats2},{name:"gmail"}], }) } var isHover = false; $("#chart").hover( function () { if (!isHover) { var chart = $("#chart").data().kendoChart; chart.options.series[0]

问题 I have a kendo chart and i have to binding the chart using model. I have to set the series defaults option. i got the code how to set the seriesdefualts in javascrit.Can someone help me how to add the same in model view binding. javascript: seriesDefaults: { overlay: { gradient: null } Model view Binding: @(Html.Kendo().Chart(Model.ReportDataList) .Name("chartProjPer") .Title(title => title .Text("% by Projects") .Position(ChartTitlePosition.Top) ) .Legend(legend => legend .Visible(true)

问题 I would like to know how to remove padding between Path2 and Path3 since legend.label.padding is applied to all of them. legend: { visible: true, labels: { padding: 10} }, series: [{ name: "Path1", data: stats, markers: { visible: false, color: 'red' } }, { name: "Path2", data: stats2, markers: { visible: false },{ name: "Path3", data: stats2, markers: { visible: false, color: 'blue' } }], http://jsfiddle.net/3yhbyy2g/69/ 回答1: The easiest way is to manually select this element in js and set

问题 I have a kendo-chart with the below Json data sample.I have to show the data like in the two X- Axis one with Iron Type and other with manufacturer.Let me explain with an example. I have iron types as Swivel and Adapter.And manufacturers as SPM and FMC. Now in the X-axis under Swivel Iron type i have to show FMC ans SPM bar chart against Total Failed,Total passed and Total Processed. and one line chart based on percentage. Can anyone help me on this how to achieve with the below data. [ {

问题 I have the following implementation. It works and functional. When user hovers the mouse on the bar chart and if there are common/paired objects, the corresponding objects' bar border color are highlighted. However, I would like to know whether or not there is a way to show tooltip at the same time across the paired objects. i.e multiple tooltips at the same time for paired objects. seriesHover: function (e) { console.log(e); var fname = e.dataItem.fname; var ser = fnameMap[fname]; var

问题 In my MVC5 application I have table lets's say it's name is Student and every student belonging to a Team. I want to show students according to their teams by percentage. For this reason I also created a ViewModel in order to join Student entity with Team entity. So, how can I show the data I want on Kendo UI pie chart? Could you have a look at the code and correct the mistakes below? And could you give a View samples suitable to this approach? Thanks in advance. ViewModel: public class