or
[HttpPost]ActionResult BrowseTeeTimes(string club FormCollection formData)
// var dataseries1 = {"Id":4,"Legend":"Label","Description":"Description","DataSeries":{"Data":[{"X":"22","Y":[26000.0]},{"X":"79","Y":[24000.0]},{"X":"70","Y":[23400.0]},{"X":"34","Y":[22500.0]},{"X":"29","Y":[22050.0]},{"X":"10","Y":[21666.666666666668]},{"X":"42","Y":[20200.0]},{"X":"32","Y":[19500.0]},{"X":"59","Y":[19000.0]},{"X":"23","Y":[19000.0]},{"X":"80","Y":[18888.888888888891]},{"X":"19","Y":[18750.0]},{"X":"21","Y":[17399.909677419353]},{"X":"40","Y":[16227.272727272728]},{"X":"99","Y":[16028.571428571429]},{"X":"50","Y":[15000.0]},{"X":"11","Y":[14833.333333333334]},{"X":"60","Y":[14272.727272727272]},{"X":"61","Y":[13000.0]},{"X":"89","Y":[13000.0]},{"X":"82","Y":[12611.952380952382]},{"X":"33","Y":[12000.0]}]}}; var dataseries1 = new kendo.data.DataSource({ transport: { read: { url: "APIURL", dataType: "json", } }, schema: { data: function(response) { return response.DataSeries.Data; } } }); // var dataseries2 = {"Id":5,"Legend":"Label","Description":"Description","DataSeries":{"Data":[{"X":"22","Y":[2]},{"X":"79","Y":[3]},{"X":"70","Y":[5]},{"X":"34","Y":[2]},{"X":"29","Y":[20]},{"X":"10","Y":[3]},{"X":"42","Y":[5]},{"X":"32","Y":[2]},{"X":"59","Y":[3]},{"X":"23","Y":[1]},{"X":"80","Y":[9]},{"X":"19","Y":[4]},{"X":"21","Y":[155]},{"X":"40","Y":[22]},{"X":"99","Y":[420]},{"X":"50","Y":[10]},{"X":"11","Y":[6]},{"X":"60","Y":[11]},{"X":"61","Y":[1]},{"X":"89","Y":[1]},{"X":"82","Y":[21]},{"X":"33","Y":[1]}]}}; var dataseries2 = new kendo.data.DataSource({ transport: { read: { url: "APIURL", dataType: "json", } }, schema: { data: function(response) { return response.DataSeries.Data; } } }); $("#chart").kendoChart({ title: { text: "TITLE" }, dataSource: dataseries1, series: [ { type: "column", field: "Y[0]", name: "NAME", axis: "LABEL", visibleInLegend: false }, { type: "line", name: "NAME", visibleInLegend: false, axis: "LABEL", data: [ 2, 3, 5, 2, 20, 3, 5, 2, 3, 1, 9, 4, 155, 22, 420, 10, 6, 11, 1, 1, 21, 1 ] } ], categoryAxis: { field: "X", title: { text: "LABEL" }, axisCrossingValue: [0, 99999999] }, valueAxis: [ { name: "LABEL", title: { text: "UNITS" } }, { name: "LABEL", title: { text: "UNITS" } } ], tooltip: { visible: true } });@(Html.Kendo().RadialGauge().Name("testRadialGauge").Pointer(pointer => pointer.Value(0).Color("Blue")).Scale(scale => scale.MinorUnit(200).StartAngle(-30).EndAngle(210).Max(5000).Labels(GaugeRadialScaleLabels => GaugeRadialScaleLabels.Visible(true)
).Ranges(ranges =>{ranges.Add().From(0).To(800).Color("#c20000");ranges.Add().From(800).To(1600).Color("#ff7a00");ranges.Add().From(1600).To(2000).Color("#ffc700");ranges.Add().From(2000).To(5000).Color("green");}))
) Html.Kendo().Window() @{ Html.Kendo().Chart<AccountPerformance>(Model.Results) .Name("chartPCT") .Title("% Return") .Series(series => series.Column(model => model.Metrics.Return) .Name(Model.ColumnTitle)) .ValueAxis(axis => axis.Numeric()) .CategoryAxis(axis => axis.Date().Categories(model => model.Observation)) .Render();}<div class="k-chart" id="chartPCT"></div><script> jQuery(function(){jQuery("#chartPCT").kendoChart({"title":{"text":"% Return"},"series":[{"name":"Month","type":"column","field":"Metrics.Return"}],"categoryAxis":[{"type":"Date","categories":["2013/01/31 00:00:00","2013/02/28 00:00:00","2013/03/31 00:00:00","2013/04/30 00:00:00","2013/05/31 00:00:00"]}],"dataSource":{"schema":{"model":{"fields":{"Granularity":{"type":"number"},"GranularityName":{"editable":false,"type":"string"},"Observation":{"type":"date"},"ObservationDescription":{"type":"string"},"IsTimeSeries":{"type":"boolean"},"Metrics":{"type":"object"},"ObservationDisplay":{"editable":false,"type":"string"}}}},"data":[{"Granularity":0,"GranularityName":"Monthly","Observation":"\/Date(1359619200000)\/","ObservationDescription":null,"IsTimeSeries":true,"Metrics":{"MarketValue":370505.870000,"NetInvested":494.280000,"Return":2.740981,"HasMarketValue":true,"HasNetInvested":true},"ObservationDisplay":"January"},{"Granularity":0,"GranularityName":"Monthly","Observation":"\/Date(1362038400000)\/","ObservationDescription":null,"IsTimeSeries":true,"Metrics":{"MarketValue":373901.670000,"NetInvested":284.740000,"Return":0.839149,"HasMarketValue":true,"HasNetInvested":true},"ObservationDisplay":"February"},{"Granularity":0,"GranularityName":"Monthly","Observation":"\/Date(1364713200000)\/","ObservationDescription":null,"IsTimeSeries":true,"Metrics":{"MarketValue":370930.070000,"NetInvested":0.000000,"Return":-0.794754,"HasMarketValue":true,"HasNetInvested":true},"ObservationDisplay":"March"},{"Granularity":0,"GranularityName":"Monthly","Observation":"\/Date(1367305200000)\/","ObservationDescription":null,"IsTimeSeries":true,"Metrics":{"MarketValue":361961.050000,"NetInvested":0.000000,"Return":-2.417981,"HasMarketValue":true,"HasNetInvested":true},"ObservationDisplay":"April"},{"Granularity":0,"GranularityName":"Monthly","Observation":"\/Date(1369983600000)\/","ObservationDescription":null,"IsTimeSeries":true,"Metrics":{"MarketValue":368352.560000,"NetInvested":0.000000,"Return":1.765800,"HasMarketValue":true,"HasNetInvested":true},"ObservationDisplay":"May"}]}});});</script> </div><script> jQuery(function(){jQuery("#window_Monthly").kendoWindow({"modal":true,"iframe":false,"draggable":true,"pinned":false,"title":"Monthly Performance - Account ","resizable":false,"content":null,"width":680,"height":430,"actions":["Close"]});});</script>function createChart(id, search_type, breakdown) { var data = $('#form-search_analytics').serialize(); $("#loading"+id).show(); $('#'+id).kendoChart({ dataSource: { transport: { read: { url: '<?php echo $this->url('analytics/default', array('controller'=>'index', 'action'=>'ajax-get-chart-data')) ?>?type='+search_type+'&'+data, dataType: "json", type: "GET", cache: false } } }, dataBound: function(){ console.log('#loading-'+id); $('#loading-'+id).hide(); }, seriesClick: function(e) { console.log(e.series.name); loadSeriesBreakdownPanel(e.series.name, search_type, data); }, title: { text: search_type }, legend: { position: "right" }, seriesDefaults: { type: "area", //type: "line" stack:true }, series: series[search_type], categoryAxis: { field: "Date", labels: { rotation: -30 } }, valueAxis: { labels: { format: "N0" } }, tooltip: { visible: true, format: "N0", template: "#: series.name #: #: value #" } });}function handleCloseClick() { $('.analytics-chart.k-chart').each(function(){ var id = $(this).attr('id'); var chart = $('#'+id).data("kendoChart"); chart.destroy(); $('#'+id).empty(); });}<div id="results"> <div class="chart-panel"> <h3>Breakdown by Document</h3> <div class="analytics-chart" id="chart-Document" data-type="Document"></div> <div id="loading-chart-Document"></div> </div></div>