Изменение диаграммы столбцов пользовательского интерфейса Kendo?

Question

Custom chart like this

Я хочу создать схему как показано в ссылке выше. Изображение с помощью kendo Ui column chart.

Мои вопросы:

• Есть ли способ отображения пользовательского текста как (category + value)=(balance + $ 1,111) на категории axies ...?

• Я хочу показать некоторые метки на каждой панели столбцов диаграммы кендо?

• Для этого я думаю, что это отображение Div с тегом по диаграмме кендо, но моя проблема в том, что когда я увеличиваю высоту графика, высота столбца также увеличивается. что мне нужно, я хочу добавить некоторое пространство над столбцами в chart.so в этом пространстве, я могу разместить DIV с тегами. Но я не могу добавить пустое пространство над столбцами в диаграмме. Есть ли способ сделать это?

• Есть ли другой способ создания диаграммы, как в картинке Ссылка, используя kendo ui ???

Answer 1

К сожалению, ваша ссылка не работает больше ..

Для категории Axies этикетки, вы можете сделать форматирование с помощью шаблонов, но расчеты должны быть сделаны в модели. Мы сделали некоторые усечения для очень длинных этикеток и отображается его с помощью шаблона:

 .CategoryAxis(category => category 
     .Labels(label => label 
      .Rotation(45) 
      .Template("#: dataItem.CategoryLabel #")        
      )    
     ) 

Отображение тегов выше столбцов, я думаю, вы можете использовать серию отмечает свойство и передать его шаблон. Обратите внимание, что все, что отображается внутри области графика, находится в svg not html.