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.line([6, 10, 18, 11, 9]);
3
chart.yScale().minimum(0);
4
chart.xScale("linear");
5
6
var controller = chart.annotations();
7
8
var annotation = controller.rectangle();
9
annotation.xAnchor(1.9);
10
annotation.valueAnchor(17.5);
11
annotation.secondXAnchor(2.1);
12
annotation.secondValueAnchor(18.5);
13
14
// Set select fill.
15
annotation.selectFill({
16
src: "https://static.anychart.com/images/underwater.jpg",
17
mode: "stretch",
18
opacity: 0.5
19
});
20
21
chart.title("Set select fill as an image.");
22
chart.container("container");
23
chart.draw();
24
});