KendoUI - Этикетки данных диаграммы

Question

Возможно ли для диаграммы KendoUI (Area) иметь несколько ярлыков данных или даже конкатенацию двух? Мне нужно отображать как значение, так и процент для каждой точки данных. Это что-то, что нужно будет обрабатывать на стороне источника данных или это на вид?

Спасибо за любую помощь.

Answer 1

Вы можете использовать шаблоны для форматирования обеих меток и всплывающих подсказок; см. labels.template и tooltip.template.

Answer 2

Ключ для ссылки на недвижимость вы хотите использовать DataItem Ex:

dataItem.TotalDollars

template: "${ category } - #= kendo.format('{0:C}', dataItem.TotalDollars)#" 

Ответ выше обыкновение реально помочь, если у вас есть четкое понимание рамок Кендо UI , У меня была аналогичная проблема, и, прежде чем я нашел ответ, я нашел этот вопрос. Я обратился назад, потому что ответ прост, и простой простой пример кода очень прост. Позволяет сохранять все клики.

ДАННЫЕ РЕАКЦИЯ ИЗ ДАННЫХ ДИСТАНЦИОННОГО (копия и прошлое для локального связывания):

[ 
{ 
"ProgramName":"Amarr Garage Doors", 
"PercentageShare":50.12, 
"TotalDollars":5440.000000 
}, 
{ 
"ProgramName":"Monarch Egress Thermal Hinge C", 
"PercentageShare":4.64, 
"TotalDollars":504.000000 
}, 
{ 
"ProgramName":"Monarch Egress Window Wells", 
"PercentageShare":15.73, 
"TotalDollars":1707.000000 
}, 
{ 
"ProgramName":"Monarch Premier V Egress Windo", 
"PercentageShare":16.25, 
"TotalDollars":1764.000000 
}, 
{ 
"ProgramName":"Organized Living Shelftech Ven", 
"PercentageShare":13.27, 
"TotalDollars":1440.000000 
} 
] 

** Диаграмма поколения Код: **

function createChart() { 
    $("#SubmissionSummaryByProgramChart").kendoChart({ 
     title: { 
      text: "Breakdown by Program" 
     }, 
     legend: { 
      position: "right" 
     }, 
     dataSource: { 
      transport: { 
       read: { 
        url: "GetFooData", 
        dataType: "json", 
        data: { 
         Year : 2014, 
         Quarter : 1, 
        } 
       } 
      } 
     }, 
     series: [{ 
      type: "pie", 
      field: "PercentageShare", 
      categoryField: "ProgramName" 
     }], 
     tooltip: { 
      visible: true, 
      template: "${ category } - #= kendo.format('{0:C}', dataItem.TotalDollars)#" 
     } 
    }); 
}; 

$(document).ready(createChart);