<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
anychart.onDocumentReady(function () {
// create data
var data = [
{x: "A", value: 1222},
{x: "B", value: 2431},
{x: "C", value: 3624},
{x: "D", value: 5243},
{x: "E", value: 6813},
{x: "F", value: 5321},
{x: "G", value: 1567},
{x: "H", value: 3876}
];
// create a chart
var chart = anychart.radar();
// create a line series and set the data
var series = chart.line(data);
// configure the stroke of the y-grid
chart.xGrid().stroke({
color: "green",
thickness: 0.5,
opacity: 0.5,
dash: "10 5"
});
// configure the stroke of the x-grid
chart.yGrid().stroke({
opacity: 0.5
// set the chart title
chart.title("Radar Plot: Grid Stroke");
// set the container id
chart.container("container");
// initiate drawing the chart
chart.draw();