html,

body,

#sentimentScoreSpeedOMeter {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}

//Average Sentiment Score Speedometer

var averageSentimentScore = anychart.gauges.circular();

averageSentimentScore

  .fill('#fff')

  .stroke(null)

  .padding(0)

  .margin(100)

  .startAngle(270)

  .sweepAngle(180);

​

averageSentimentScore.data([-2]);

averageSentimentScore

  .axis()

  .scale()

  .minimum(-10)

  .maximum(10);

​

averageSentimentScore.title(

  '<strong>Average Sentiment Score</strong><br/>'

);

averageSentimentScore

  .title()

  .useHtml(true)

  .padding(0)

  .fontColor('#212121')

  .hAlign('center')

  .margin([0, 0, 10, 0]);

​

averageSentimentScore

  .needle()

  .stroke('2 #545f69')

  .startRadius('5%')

  .endRadius('90%')

  .startWidth('0.1%')

  .endWidth('0.1%')

  .middleWidth('0.1%');

​

averageSentimentScore.cap().radius('3%').enabled(true).fill('#545f69');

​

averageSentimentScore.range(0, {

  from: -10,

  to: -3,

  position: 'inside',

  fill: '#dd2c00 0.4',

  startSize: 50,

  endSize: 50,

  radius: 98

});

​

averageSentimentScore.range(1, {

  from: -3,

  to: 3,

  position: 'inside',

  fill: '#ffa000 0.4',

  startSize: 50,

  endSize: 50,

  radius: 98

});

​

averageSentimentScore.range(2, {

  from: 3,

  to: 10,

  position: 'inside',

  fill: '#009900 0.4',

  startSize: 50,

  endSize: 50,

  radius: 98

});

​

averageSentimentScore

  .label(1)

  .text('Negative')

  .fontColor('#212121')

  .fontSize(14)

  .offsetY('68%')

  .offsetX(25)

  .anchor('center');

​

averageSentimentScore

  .label(2)

  .text('Neutral')

  .fontColor('#212121')

  .fontSize(14)

  .offsetY('68%')

  .offsetX(90)

  .anchor('center');

​

averageSentimentScore

  .label(3)

  .text('Positive')

  .fontColor('#212121')

  .fontSize(14)

  .offsetY('68%')

  .offsetX(155)

  .anchor('center');

​

averageSentimentScore.container('sentimentScoreSpeedOMeter');

averageSentimentScore.draw();