гистограмма пользовательского интерфейса кендо - как данные ряда показывают отображение в процентах - PullRequest
0 голосов
/ 08 января 2019

Я использую гистограмму Kendo UI. Я пытаюсь создать гистограмму с накоплением следующим образом: https://demos.telerik.com/kendo-ui/bar-charts/stacked100-bar

однако я хочу получить один из фактических процентов данных серии для максимального значения (100% - stack: type = "100%") в диаграмме кендо.

Вот мой пример кода:

function createExecutionToday(type) {
		var running =/*[[#{dashboard.Executing}]]*/;			
		var success =/*[[#{dashboard.Success}]]*/;			
		var check =/*[[#{dashboard.Check}]]*/;		
		
        	 $("#"+type).kendoChart({
                 dataSource: {
                     transport: {
                         read: {
                             url: "dashboard/" + type +".json",
                             dataType: "json"
                         }
                     },
                     schema:{
                     	data: function(response){
                     		for(i in response)
                     		{
                     			var status = response[i].status;
                     			response[i].status = toKorean(status);
                     		
                     		}
                     		return response;
                     	}
                     },
                     
                 },
                 legend: {
                     visible: false
                   },
                   chartArea: {
               	    background: "#F8F8F8"
                 },
                   seriesDefaults: {
                	 type: "bar",
                     labels: {
                       visible: true,
                       background: "transparent",
                     },
                     
	                 overlay: null
                   },
                   series: [{
                 
                      field:"count",
                      statck:{type:"100%"},
                      color : function(status){
                        var colors = ["#66CCFF", "#DB7196", "#E5B055"];
                        return colors[status.index];
                      }
                   }],
                  
                   categoryAxis: {
                       categories: [running, success, check],
                       majorGridLines: {
                           visible: false
                       },
                       line:{
                    	   visible: false
                       },
                       labels: {
                    	   font : "15px arial"
                       }
                   },
                   valueAxis: {
                       labels: {
                         format: "{0}%"
                       },
                       line: {
                         visible: false
                       },
                       labels: {
                         visible: false
                       },
                       majorGridLines: {
                           visible: false
                       },
                     },
                   tooltip: {
                       visible: true,
                       
                       template: "#= series.field #: #= value #"
                   },
                  
                  }
                 
             });
   }

тип серии: 100% невозможно реализовать по выбору? Есть идеи?

enter image description here

...