<div id="anychart-embed-UW2D1ZeQ" class="anychart-embed anychart-embed-UW2D1ZeQ">
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-polar.min.js"></script>
<div id="ac_style_UW2D1ZeQ" style="display:none;">
html,
body,
#container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</div>
<script>(function(){
function ac_add_to_head(el){
var head = document.getElementsByTagName('head')[0];
head.insertBefore(el,head.firstChild);
}
function ac_add_link(url){
var el = document.createElement('link');
el.rel='stylesheet';el.type='text/css';el.media='all';el.href=url;
ac_add_to_head(el);
}
function ac_add_style(css){
var ac_style = document.createElement('style');
if (ac_style.styleSheet) ac_style.styleSheet.cssText = css;
else ac_style.appendChild(document.createTextNode(css));
ac_add_to_head(ac_style);
}
ac_add_link('https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css');
ac_add_link('https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.min.css');
ac_add_style(document.getElementById("ac_style_UW2D1ZeQ").innerHTML);
ac_add_style(".anychart-embed-UW2D1ZeQ{width:600px;height:450px;}");
})();</script>
<div id="container"></div>
<script>
anychart.onDocumentReady(function () {
var data = [
{ fullName: 'Extroversion', name: 'Extro', value: 62, color: '#00BFFF' },
{ fullName: 'Social Intelligence', name: 'SocIQ', value: 73, color: '#1E90FF' },
{ fullName: 'Achievement', name: 'Ach', value: 66, color: '#FF4500' },
{ fullName: 'Locus of Control', name: 'LOC', value: 77, color: '#FFD700' },
{ fullName: 'Sales Interest', name: 'SI', value: 82, color: '#2F4F4F' },
{ fullName: 'Sales Belief', name: 'SB', value: 58, color: '#A9A9A9' },
{ fullName: 'Perseverance', name: 'Per', value: 72, color: '#FF0000' },
{ fullName: 'Competitive', name: 'Comp', value: 80, color: '#008080' },
{ fullName: 'Empathy', name: 'Empy', value: 55, color: '#20B2AA' },
{ fullName: 'Purposefulness', name: 'Purp', value: 62, color: '#FF8C00' },
{ fullName: 'Optimism', name: 'Opt', value: 65, color: '#00BFFF' },
{ fullName: 'Influence', name: 'In', value: 68, color: '#1E90FF' },
{ fullName: 'Curiosity', name: 'Cur', value: 78, color: '#FF4500' },
{ fullName: 'Rejection Stamina', name: 'RS', value: 79, color: '#FFD700' },
{ fullName: 'Assertiveness', name: 'Ast', 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(0).fontSize(12).hAlign('center').fontColor('black');
// create range column series
var series = chart.column(data);
series.stroke('none');
series.fill(function() {
return {color: this.iterator.get('color'), opacity: 0.7 };
});
series.tooltip().titleFormat('{%fullName}');
series.tooltip().format("{%value}");
// set chart container id
chart.container('container').draw();
});
</script>
</div>
6574839dustindart2021-03-13T00:09:31+00:00
Test_32,