Line char for sentiment
by karimkhan
HTML
<script src="http://www.chartjs.org/assets/Chart.js"></script>
<canvas id="lineChart" width="800" height="250">Sentiment chart </canvas>
JavaScript
//line chart data
var lineData = {
labels: ["Jan", "Feb", "March", "April", "May", "June", "July"],
datasets: [{
fillColor: "rgba(255,255,255,0)",
strokeColor: "rgba(0,255,0,1)",
pointColor: "rgba(0,0,245,1)",
pointStrokeColor: "#fff",
data: [65, 59, 90, 81, 56, 55, 40]
}, {
fillColor: "rgba(255,255,255,0)",
strokeColor: "rgba(255,0,0,1)",
pointColor: "rgba(0,0,245,1)",
pointStrokeColor: "#fff",
data: [28, 48, 40, 19, 96, 27, 100]
}]
}
var lineOptions = {
animation: true,
pointDot: true,
scaleOverride : true,
scaleShowGridLines : false,
scaleShowLabels : true,
scaleSteps : 4,
scaleStepWidth : 25,
scaleStartValue : 25,
};
//Create Line chart
var ctx = document.getElementById("lineChart").getContext("2d");
var myNewChart = new Chart(ctx).Line(lineData, lineOptions);
new Chart(ctx2).Radar(radarData,options);