HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var chart = anychart.sparkline([70, 5, 10, 60, 20, 50, 30]);
3
chart.type("column");
4
5
// Set fill as a linear gradient.
6
chart.firstFill(["#F44336", "#FFEB3B"], 45, true, 0.5);
7
8
chart.title({text: "Set fill as a linear gradient for the first point", orientation: "top"});
9
chart.container("container");
10
chart.draw();
11
});