<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
var chart = anychart.line();
var series = chart.line([
{
x: 0, value: 3,
// Set fill.
marker: {
fill: {
keys: ['#FFFFFF', '#808080'],
cx: 0.5,
cy: 0.5,
mode: 'none',
opacity: 0.9,
fx: 0.5,
fy: 0.5
},
{x: 1, value: 5},
{x: 2, value: 2},
{x: 3, value: 8}
]);
series.markers({size: 10});
chart.title('Set marker fill as a radial gradient');
chart.container('container');
chart.draw();
});