src=[COLOR=#a0522d]"Javascript/Chart.js"[/COLOR]
[COLOR=#0000ff]var[/COLOR] ctx = document.getElementById([COLOR=#a0522d]"myChart"[/COLOR]);
[COLOR=#0000ff]var[/COLOR] config = {
type: [COLOR=#a0522d]'line'[/COLOR],
data: {
labels: [[COLOR=#00008b]1[/COLOR], [COLOR=#00008b]2[/COLOR], [COLOR=#00008b]3[/COLOR], [COLOR=#00008b]4[/COLOR], [COLOR=#00008b]5[/COLOR], [COLOR=#00008b]6[/COLOR], [COLOR=#00008b]7[/COLOR]],
datasets: [{
label: [COLOR=#a0522d]"My First dataset"[/COLOR],
backgroundColor: [COLOR=#a0522d]'rgb(1, 87, 155)'[/COLOR],
borderColor: [COLOR=#a0522d]'rgb(1, 87, 155)'[/COLOR],
data: [[COLOR=#00008b]1[/COLOR],[COLOR=#00008b]1[/COLOR],[COLOR=#00008b]5[/COLOR],[COLOR=#00008b]1[/COLOR],[COLOR=#00008b]7[/COLOR],[COLOR=#00008b]1[/COLOR],[COLOR=#00008b]1[/COLOR]
],
fill: [COLOR=#0000ff]false[/COLOR],
}, {
label: [COLOR=#a0522d]"My Second dataset"[/COLOR],
fill: [COLOR=#0000ff]false[/COLOR],
backgroundColor: [COLOR=#a0522d]'rgb(244, 67, 54)'[/COLOR],
borderColor: [COLOR=#a0522d]'rgb(244, 67, 54)'[/COLOR],
data: [[COLOR=#00008b]2[/COLOR],[COLOR=#00008b]3[/COLOR],[COLOR=#00008b]4[/COLOR],[COLOR=#00008b]5[/COLOR],[COLOR=#00008b]6[/COLOR],[COLOR=#00008b]7[/COLOR],[COLOR=#00008b]8[/COLOR]],
}]
},
options: {
responsive: [COLOR=#0000ff]true[/COLOR],
title:{
display:[COLOR=#0000ff]true[/COLOR],
text:[COLOR=#a0522d]'Chart.js Line Chart'[/COLOR]
},
tooltips: {
mode: [COLOR=#a0522d]'index'[/COLOR],
intersect: [COLOR=#0000ff]false[/COLOR],
},
hover: {
mode: [COLOR=#a0522d]'nearest'[/COLOR],
intersect: [COLOR=#0000ff]true[/COLOR]
},
scales: {
xAxes: [{
display: [COLOR=#0000ff]true[/COLOR],
scaleLabel: {
display: [COLOR=#0000ff]true[/COLOR],
labelString: [COLOR=#a0522d]'Month'[/COLOR]
}
}],
yAxes: [{
display: [COLOR=#0000ff]true[/COLOR],
scaleLabel: {
display: [COLOR=#0000ff]true[/COLOR],
labelString: [COLOR=#a0522d]'Value'[/COLOR]
}
}]
}
}
};
[COLOR=#0000ff]var[/COLOR] myChart = [COLOR=#0000ff]new[/COLOR] Chart(ctx, config);