Telerik Forums
Kendo UI for jQuery Forum
0 answers
3 views

current chart is looking like this

 

I want to be able to scale the value axis based on the highest value in the data.

For example, if the highest value is 10,000

The value axis will show 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

The label to display Amount ($k) 

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 asked on 17 Jul 2025
0 answers
4 views

Hi,

would like to render bar for 0 value.

this is my dojo link that is not working as expected

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 asked on 17 Jul 2025
1 answer
15 views

categoryaxis.labels.font and seriesDefault.labels.font string set not apply

dojo link

Nikolay
Telerik team
 answered on 08 Jul 2025
1 answer
15 views

I have a kendo UI Jquery scatterplot chart with markers of type: square and rotation: 45. I'm trying to add a class based on the series to the markers so that certain ones can be styled to have a pointer when the user mouses over them. I found a few Google AI answers but they seem to be wrong. Here is what I tried where chartData is set to my series option on initialization.

Update: I added the class manually in dev tools and it still doesn't trigger the pointer to appear. This seems to be due to there being a separate marker that Kendo is creating in the DOM for the hover event which does not get the class. I need to add a cursor: pointer; style to that element

        chartData.push({
            name: legendSeriesName,
            xField: "x",
            yField: "y",
            data: storeDetailScatterPlotData
                .filter(d => d.seriesName === seriesName && d.accountId === storeDetailAccountId)
                .map(d => ({ x: d.sales, y: d.storeAmt, storeName: d.storeName, storeId: d.storeId, accountId: d.accountId })),
            zIndex: 10 - index,
            color: seriesColor,
            markers: {
                border: seriesColor,
                background: seriesColor,
                type: "square",
                rotation: 45,
                visual: function (e) {
                    var series = e.series.name;
                    var defaultVisual = e.createVisual();
                    defaultVisual.options.attr("class", series);
                    return defaultVisual;
                }
            }
        });

Neli
Telerik team
 answered on 18 Jun 2025
0 answers
22 views

Hi.

my chart bar design and legend items design does not match up

 

my kendo configuration


$("#my-score-chart").kendoChart({
    transitions: false,
    tooltip: { visible: false },
     legend: {
     orientation: 'horizontal',
     position: "bottom"
 },
    plotArea: {
        margin: { top: 20, bottom: 20, left: 20, right: 20 }
    },
    seriesDefaults: {
        type: "bar",
        spacing: 0,
        gap:10,
        highlight: { visible: false },
        labels: {
            visible: true,
            position: "outsideEnd",
            template: "#= value #"
        }
    },
    series: [
        { name: "2025", data: [75, 75], color: "#254599" },
        { name: "2024", data: [50, 50], color: "#92A7E0" },
        { name: "2023", data: [25, 35], color: "#FFFFFF", border: { width: 1, color: "#616D80", dashType: "solid" } }
    ],
    valueAxis: {
        visible: false
    },
    categoryAxis: {
        categories: ["Strategy & Leadership", "Governance"],
        majorGridLines: { visible: false },
        labels: { color: "#000" }
    }

});


Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 updated question on 17 Jun 2025
0 answers
15 views

i realised the width of the width get change when the number of category changes.

example the bar width get bigger when category get lesser.

for column, the chart get center align.

 

what i wanted

for column type chart, to be left align when there is only 1 category

for bar type chart, to be top align when there is only 1 category

for all chart type, the width of the series item to be same irregardless of the number of category

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 asked on 13 Jun 2025
1 answer
40 views

can't seems to find an example for creating column chart looking similar to the image

Nikolay
Telerik team
 answered on 02 Jun 2025
0 answers
21 views

My chart gets cut off

current issue

 

But it seems to be working properly on dojo

 

I have copied all my CSS and JS used on my site to dojo, but I still don't understand why it is not working on my site.

as the site is an internal site, I am not able to provide a link to the actual site.

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 asked on 29 May 2025
0 answers
15 views

I want to check how to add a custom label for column chart as shown in image below.

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 asked on 29 May 2025
0 answers
38 views

I would like to check if it is possible  to create a chart similar to the image

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 updated question on 24 Apr 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?