<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
var chart = anychart.line([
{x: 0, value: 6},
{x: 1, value: 10},
{x: 2, value: 18},
{x: 3, value: 11},
{x: 4, value: 9}
]);
chart.xScale('linear');
chart.annotations([{
type: 'ellipse',
xAnchor: 1.9,
valueAnchor: 30,
secondXAnchor: 2.1,
secondValueAnchor: 100,
fill: '#673AB7 0.5',
stroke: '3 #FF9800'
}]);
var annotation = chart.annotations().getAnnotationAt(0);
// Get Y-scale.
annotation.yScale(anychart.scales.log());
chart.title('Set Y-scale');
chart.container('container');
chart.draw();
});