Test_32,

Here are your custom results! Enjoy!











Rose Chart



anychart.onDocumentReady(function () {
var data = [
{ name: ‘Extroversion’, value: 62, color: ‘#00BFFF’ },
{ name: ‘Self Esteem’, value: 73, color: ‘#1E90FF’ },
{ name: ‘Achievement’, value: 66, color: ‘#FF4500’ },
{ name: ‘Locus of Control’, value: 77, color: ‘#FFD700’ },
{ name: ‘Sales Interest’, value: 82, color: ‘#2F4F4F’ },
{ name: ‘Sales Belief’, value: 58, color: ‘#A9A9A9’ },
{ name: ‘Perseverance’, value: 72, color: ‘#FF0000’ },
{ name: ‘Competitive’, value: 80, color: ‘#008080’ },
{ name: ‘Empathy’, value: 55, color: ‘#20B2AA’ },
{ name: ‘Social Intelligence’, value: 62, color: ‘#FF8C00’ },
{ name: ‘Optimism’, value: 65, color: ‘#00BFFF’ },
{ name: ‘Influence’, value: 68, color: ‘#1E90FF’ },
{ name: ‘Curiosity’, value: 78, color: ‘#FF4500’ },
{ name: ‘Rejection Stamina’, value: 79, color: ‘#FFD700’ },
{ name: ‘Assertiveness’, value: 69, color: ‘#2F4F4F’ }
];
var chart = anychart.polar();
// setup chart appearance settings
chart
.background(‘#FEFEFE’)
.sortPointsByX(true)
.xScale(‘ordinal’)
.yAxis(false);
// setup chart scales settings
chart.xScale().names(‘name’);
// set chart x-axis settings
chart.xAxis().fill(‘#EDECEF’).stroke(‘none’).overlapMode(‘auto-width’);
// set chart x-axis ticks settings
chart.xAxis().ticks().length(‘100%’).stroke(‘#FEFEFE’);
// set chart x-axis labels settings
chart.xAxis().labels().padding(15).fontSize(12).hAlign(‘center’);
// create range column series
var series = chart.column(data);
series.stroke(‘none’);
series.fill(function() {
return {color: this.iterator.get(‘color’), opacity: 0.7 };
});
// workaround to make xAxis labels coloring
chart.listen(‘chartDraw’, function () {
var count = chart.xAxis().labels().getLabelsCount();
for (var i = 0; i < count; i++) { var color = data[i].color; var label = chart.xAxis().labels().getLabel(i); if (label) { label.fontColor(color); label.draw(); } } }); // set chart container id chart.container('container').draw(); });