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
anychart.format.outputDateTimeFormat('dd MMMM yyyy');
3
4
var chart = anychart.ohlc();
5
6
var series = chart.ohlc([
7
{x: Date.UTC(2017, 2, 25), open: 511.53, high: 514.98, low: 505.79, close: 506.40},
8
{x: Date.UTC(2017, 2, 26), open: 507.84, high: 513.30, low: 507.23, close: 512.88},
9
{x: Date.UTC(2017, 2, 27), open: 512.36, high: 515.40, low: 510.58, close: 511.40},
10
{x: Date.UTC(2017, 2, 28), open: 515.02, high: 516.50, low: 511.47, close: 515.25}
11
]);
12
13
// Set hover falling stroke.
14
series.fallingStroke({color: '#9C27B0', thickness: 2, dash: '4 4', lineCap: 'round'});
15
16
var axis = chart.xAxis();
17
18
var labels = axis.labels();
19
labels.format(function() {
20
return anychart.format.dateTime(this.value);
21
});
22
23
chart.xScale().minimum(Date.UTC(2017, 2, 24)).maximum(Date.UTC(2017, 2, 29));
24
chart.title('Set hover falling stroke parameter as an object');
25
chart.container('container');
26
chart.draw();
27
});