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
3
// data for chart
4
var dataSet = anychart.data.set([
5
{x: "Product A", value: 90},
6
{x: "Product B", value: 65},
7
{x: "Product C", value: 73},
8
{x: "Product D", value: 88},
9
{x: "Product E", value: 75},
10
{x: "Product F", value: 100}
11
]);
12
13
// chart type
14
var chart = anychart.radar();
15
16
// chart title
17
chart.title("Labels and Tooltips");
18
19
// disable minor ticks
20
var yAxis = chart.yAxis();
21
yAxis.enabled(true);
22
yAxis.minorTicks(false);
23
24
// set series data
25
var series = chart.area(dataSet);
26
27
series.name("Sales");
28
29
// stroke color
30
series.stroke("darkblue");
31
// fill color
32
series.fill("lightblue 0.8");
33
// labels settings
34
var labels = series.labels();
35
// enable labels
36
labels.enabled(true);
37
// labels font weight
38
labels.fontWeight(900);
39
40
// settings for tooltip content font
41
var tooltip = series.tooltip();
42
tooltip.fontWeight(400);
43
// adjust tooltip content
44
tooltip.format(function(){
45
return "Month: " + this.x +
46
"\nSales: " + this.value + "$";
47
});
48
49
// draw chart
50
chart.container("container");
51
chart.draw();
52
});