Target Chart

[Shane]

I was wondering if this is even possible using the current set of tools.  I'm attaching an example of what our users would like to see.  This can be done in excel, but I've google searched how to do this and came up empty.  It's basically a radar chart that doesn't put the lines between plot points.  Can someone help me out on how to pull this off?

[T. Tsonev]

Hello,

You can start with the radar line chart and customize it to display only markers:
              type: "radarLine",

              // Hide the line
              width: 0,

              // Show the markers
              markers: {
                visible: true
              }

See the full API reference for details.

I hope this helps.

Regards,
T. Tsonev
Telerik

[Shane]

Thanks for the API reference, that helped quite a bit.  However in it, I didn't see how to be able to color the background of the entire radarLine chart.  Is something like the attached possible?

[Iliana Dyankova]

Hi Shane,

In order to achieve this you could define multiple valueAxis.plotBands. As an example: 

//....
valueAxis: {
    visible: false,
    plotBands: [{
        color: "green",
        from: 0,
        to: 50
    },{
        color: "yellow",
        from: 51,
        to: 149
    }, {
        color: "orange",
        from: 150,
        to: 250
    }]
},

For your convenience here is a dojo.

Regards,
Iliana Nikolova
Telerik