This is a migrated thread and some comments may be shown as answers.

Create a horizontal bar chart that grows from the right

1 Answer 140 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 19 Jul 2017, 08:41 PM

How would I create a bar chart that grows from right to left, with the labels on the right as well? See attached which correlates to the below code but the bars are growing from the left (I'd like them to come from the right).

 

<div kendo-chart
     k-series-defaults="{ type: 'bar', stack: true, categoryField: 'Company' }"
     k-series-colors="util.config('seriesColors2')"
     k-data-source="reference.ChartData"
     k-value-axis="{ axisCrossingValue: [100, 0] }"
     k-series="[{
         name: 'Off',
         field: 'CountOff'
     }, {
         name: 'Overdue',
         field: 'CountOverDue'
     }, {
         name: 'Today',
         field: 'CountToday'
     }, {
         name: 'Pending',
         field: 'CountPending'
     }]"
     k-legend="{ visible: false }"
     k-chart-area="{ height: 500 }"></div>

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 21 Jul 2017, 07:56 AM
Hi Matt,

It appears there is an issue in the current version of Kendo UI Chart - I logged it for further investigation and fixing: 

https://github.com/telerik/kendo-ui-core/issues/3433

Regards,
Iliana Nikolova
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Matt
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or