kendo-dataviz

Kendo Stacked Bar Chart configuration

六眼飞鱼酱① 提交于 2020-01-17 03:59:52
问题 I have an MVC app and my controller is passing the following json data to my view data: { "Category":"Q1 2013", "Name":"Female", "Count":5000 }, { "Category":"Q1 2013", "Name":"Male", "Count":5000 } { "Category":"Q1 2012", "Name":"Female", "Count":3500 }, { "Category":"Q1 2012", "Name":"Male", "Count":5000 } I need to know how to configure my Kendo stacked bar chart to display the data like this http://jsfiddle.net/ihatemash/B6LSX/ I can't figure out how to configure the series and category

Grouped and Stacked Column Chart

纵饮孤独 提交于 2020-01-04 14:01:32
问题 I have a service returning JSON like: { "data": [ { "portfolio": "Portfolio 01", "REGN_NME": "Africa/Middle E", "Regn_Group": "Emerging", "sector": "Sector 08", "exposure": 0.109977544284 }, { "portfolio": "Portfolio 01", "REGN_NME": "Americas", "Regn_Group": "Frontier", "sector": "Sector 06", "exposure": 1.78919403995e-09 }, ... ]} I'm trying to generate a grouped and stacked column chart. I need to group by the "portfolio", stack by "Regn_Group", and aggregate "exposure". I can get the

KendoUI - DataViz - Grouping and Aggregating a JSON datasource within the chart

╄→尐↘猪︶ㄣ 提交于 2019-12-24 02:13:08
问题 I've been able to accomplish such grouping in certain charts and not others. For example, assume that I have a datasource that looks something like this: var pictures = [ { type: "JPG", len: 20, wid: 15, appr: 17.5, count: 2 }, { type: "JPG", len: 22, wid: 17, appr: 12.5, count: 3 }, { type: "JPG", len: 24, wid: 15, appr: 10.5, count: 1 }, { type: "JPG", len: 22, wid: 4, appr: 17.5, count: 6 }, { type: "PNG", len: 20, wid: 15, appr: 17.5, count: 4 }, { type: "PNG", len: 25, wid: 7, appr: 9.5,

Kendo + Angular chart data

僤鯓⒐⒋嵵緔 提交于 2019-12-18 12:45:21
问题 I'm trying out Kendo charts with angular, and I have problem displaying data, here is my code: HTML: <div kendo-chart="rchart" data-k-options="chartOptions" data-role="chart" class="k-chart" style="position: relative;"></div> Javascript: resultService.getResult().then(function (resultResponse) { $scope.data = resultResponse.data; $scope.oldReps = _.pluck($scope.data.TreningScores.Item1, 'Item2'); $scope.newReps = _.pluck($scope.data.TreningScores.Item2, 'Item2'); $scope.categories = _.pluck(

Kendo UI Chart won't update using Angular

天涯浪子 提交于 2019-12-11 06:26:05
问题 I am using k-data-source on a pie chart using Kendo DataViz and the Angular directives. When I change the datasource object on the $scope, it doesn't update and throws errors. Were the angular directives intended to be used this way? Here's a JSBin showing the problem: http://jsbin.com/OSudIzEH/9/edit Angular Code var app = angular.module('chart-example', ['kendo.directives']); function ChartController($scope) { $scope.pie = { title: { position: "bottom", text: "Share of Internet Population

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-Grid column field validation

∥☆過路亽.° 提交于 2019-12-07 05:28:30
问题 I am working on populating kendo--grid with APIs data but on adding validation on one field is automatically working for every other fields too. Here is schema inside kendo-dataSource : schema: { model: { id : "id", fields: { id: { editable: false, type: 'number'}, name: { editable: true, type : "string" }, unique_url: { editable: true , type: 'string'}, image_url : { editable: true, type : "string" }, title: {type : "string", validation: { required: true, validateTitle: function (input) {

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

How to make a Pie Chart Aggregate the Data Source?

二次信任 提交于 2019-12-06 02:53:40
问题 Using Kendo UI Complete for ASP.NET MVC, version: 2013.3 1119 (Nov 20, 2013)... If I have this bit of code: $("#status-chart").kendoChart({ dataSource: { data: [ {Status: 10}, {Status: 20}, {Status: 200}, {Status: 200} ] }, series: [{ field: 'Status', categoryField: "Status", aggregate: 'count' }] }); I get this chart: As you can see - Status 10 and 20 have got a value of 1 and Status 200 a value of 2. Great, but what I actually want is exactly the same thing in a pie chart (so, a chart with

Kendo-Grid column field validation

六眼飞鱼酱① 提交于 2019-12-05 09:52:37
I am working on populating kendo--grid with APIs data but on adding validation on one field is automatically working for every other fields too. Here is schema inside kendo-dataSource : schema: { model: { id : "id", fields: { id: { editable: false, type: 'number'}, name: { editable: true, type : "string" }, unique_url: { editable: true , type: 'string'}, image_url : { editable: true, type : "string" }, title: {type : "string", validation: { required: true, validateTitle: function (input) { console.log("I am inside validation",input.val()); if (input.val().length > 5) { input.attr("data