Welcome Guest Search | Active Topics |

Hide the scale in a radar
Crédit Agricole Normandie
#1 Posted : Thursday, June 02, 2016 4:17:16 AM(UTC)
Rank: Newbie

Groups: jQueryDV, Registered
Joined: 12/5/2013(UTC)
Posts: 2
Man

Thanks: 1 times
Was thanked: 0 time(s) in 0 post(s)
Hello,

Is it possible to hide the scale numbers in a radar ?



Thanks.
Ben

my code:
Code:

$('#jqChart2').jqChart({
        title: 'The title !',
        legend: {
            visible: true,
            customItems: [
                {
                    text: { text: 'Goal', fillStyle: '#418CF0'},
                    marker: { type: 'triangle', fillStyle: '#418CF0'}
                },
                {
                    text: { text: 'Done', fillStyle: '#FCB441'},
                    marker: { type: 'circle', fillStyle: '#FCB441' }
                },
                {
                    text: { text: 'Reference', fillStyle: '#E0420D' },
                    marker: { type: 'rectangle', fillStyle: '#E0420D' }
                }
            ]
        },
        border: { strokeStyle: '#6ba851' },
        background: background,
        shadows: {
            enabled: true
        },
        animation: { duration: 1 },
        axes: [
            {
                type: 'categoryAngle',
                labels: {visible: true},
                categories: ['First category', 'Second Category', 'Third category', 'Fourth category', 'Fifth category']
            }
        ],
        series: [
            {
                title: 'Goal',
                type: 'radarLine',
                data: [1.25, 0.40, 0.40, 1.00, 1.20],
                markers: { size: 10, type: 'triangle', lineWidth: 1 }
            },
            {
                title: 'Done',
                type: 'radarLine',
                data: [1.02, 0.4, 0.3, 0.40, 1.06],
                markers: { size: 10, type: 'circle', lineWidth: 1 }
            }
            ,
            {
                title: 'Reference',
                type: 'radarLine',
                data: [1.5, 0.1, 0.9, 0.50, 1.1],
                markers: { size: 10, type: 'rectangle', lineWidth: 1 }
            }
        ]
});
Dragan
#2 Posted : Thursday, June 02, 2016 8:17:15 AM(UTC)
Rank: Advanced Member

Groups: Administrators, DataVizJavaScript, jQueryChart, jQueryDV, MvcChart, Registered
Joined: 1/3/2011(UTC)
Posts: 483

Thanks: 0 times
Was thanked: 87 time(s) in 87 post(s)
You can change your "axes" config to:

Code:
axes: [
                    {
                        type: 'linearRadius',
                        labels: {
                            visible: false
                        }
                    },

                    {
                        type: 'categoryAngle',
                        labels: { visible: true },
                        categories: ['First category', 'Second Category', 'Third category', 'Fourth category', 'Fifth category']
                    }
                ],
Best Regards,
Dragan Matek
jqChart Inc.
1 user thanked Dragan for this useful post.
Crédit Agricole Normandie on 6/2/2016(UTC)
Crédit Agricole Normandie
#3 Posted : Thursday, June 02, 2016 10:03:07 AM(UTC)
Rank: Newbie

Groups: jQueryDV, Registered
Joined: 12/5/2013(UTC)
Posts: 2
Man

Thanks: 1 times
Was thanked: 0 time(s) in 0 post(s)
Thank you very much.
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 1.346 seconds.