How to do Labels on the Vertical Bullet Chart?

3 posts, 0 answers
  1. Rodney
    Rodney avatar
    24 posts
    Member since:
    Jan 2011

    Posted 03 Jan 2014 Link to this post

    Marketing has specific design in mind for my bullet chart. I'm using a vertical Bullet Chart. I want Labels on the top like the Bar Graph.  Oh did I mention I'm using ICENUM to do the bullet chart on the phone. 

    I've tried to add the labels property found in the documentation;

     series: [
                        labels:
                       { 
                           visible: true,
                          format: "{0}",
                          font: "14px Arial",
                     },

    It's not working for me. 

    Here is my complete script: 

    $("#bar-chart").kendoChart({
                    theme: global.app.chartsTheme,
                    renderAs: "svg",
                    legend: {
                        position: "bottom"
                    },
                    seriesDefaults: {
                        type: "column"
                    },
                    series: [
                        {   
                            type: "verticalBullet",
                            color: "#d87635",
                            currentField: "score",
                            targetField: "average",
                            labels:
                           {
                               visible: true,
                               format: "{0}",
                               font: "14px Arial",
                           },
                            target: {
                                color: "#444",
                                dashType: "dot",    // I want a dotted line too. That isn't working either.
                                line: {
                                  width: 1,
                                }        
                            },                       
                            data: [
                               {
                                    score: 93.7,
                                    average: 65.2,                              
                                }, {
                                    score: 80.2,
                                    average: 22.2,
                                }, {
                                    score: 60.8,
                                    average: 35.2,
                                }, {    
                                    score: 82.1,
                                    average: 45.2,                                
                                }, {
                                    score: 74.2,
                                    average: 55.2,
                                }
                            ]
                        }
                    ],
                    categoryAxis: {
                        labels: { rotation: -45 },
                        categories: ["Sales & Contracting", "Implementation & Training", "Functionality & Upgrades", "Service & Support", "General"],
                        line: {
                            visible: false
                        },
                        color: "#444", 
                        axisCrossingValue: [0, 0, 100, 100]
                    },
                     tooltip: {
                        visible: false
                    }
                }).data("kendoChart");

    Any Help would be greatly appreciated. 
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 06 Jan 2014 Link to this post

    Hi Rodney,

    At this point showing series labels for Kendo UI Bullet Chart is not supported and there is no a suitable workaround I can suggest. We will appreciate it if you submit this idea as a feature request at our UserVoice page - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementation for future releases.

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Rodney
    Rodney avatar
    24 posts
    Member since:
    Jan 2011

    Posted 06 Jan 2014 Link to this post

    I suggested a new feature to 'Add support for Labels for Bullet Charts' In Kendo DataViz in the User Voice. http://uservoice.com/a/3r1Zp Vote this up.
Back to Top