You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
760 B
JavaScript
35 lines
760 B
JavaScript
2 years ago
|
function loadJson(selector) {
|
||
|
return JSON.parse(document.querySelector(selector).getAttribute('data-json'));
|
||
|
}
|
||
|
|
||
|
|
||
|
var jsonData = loadJson('#jsonData');
|
||
|
var data = jsonData.map((item) => item.value);
|
||
|
var labels = jsonData.map((item) => item.date);
|
||
|
|
||
|
var config = {
|
||
|
type: 'line',
|
||
|
data: {
|
||
|
labels: labels,
|
||
|
datasets: [
|
||
|
{
|
||
|
label: 'Sentiment',
|
||
|
backgroundColor: 'black',
|
||
|
borderColor: 'lightblue',
|
||
|
data: data,
|
||
|
fill: false
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
options: {
|
||
|
responsive: true,
|
||
|
|
||
|
}
|
||
|
}
|
||
|
var element = document.getElementById('volume');
|
||
|
element.removeAttribute("height");
|
||
|
element.removeAttribute("width");
|
||
|
|
||
|
var ctx = document.getElementById('volume').getContext('2d');
|
||
|
new Chart(ctx, config);
|