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
var chart = anychart.line();
4
5
chart.title("Tokens with Options: thousandfold scaling");
6
var tooltip = chart.tooltip();
7
tooltip.displayMode("separated");
8
tooltip.positionMode("point");
9
10
// string for formatting tooltips
11
var formatter = "{%seriesName}: {%value}{scale:(1)(1000)(1000)(1000)|( d)( th)( M)( B)}";
12
13
// setting and adjusting data visualisation
14
var columnSeries = chart.column([
15
["A", 10000000000],
16
["B", 1000000000],
17
["C", 1000000],
18
["D", 1000],
19
["E", 1]
20
]);
21
columnSeries.name("Income");
22
23
var columnTooltip = columnSeries.tooltip();
24
columnTooltip.format(formatter);
25
26
tooltipSetter(columnTooltip);
27
28
function tooltipSetter(seriesTooltip) {
29
seriesTooltip.anchor("center-bottom");
30
seriesTooltip.position("center-top");
31
seriesTooltip.title(false);
32
seriesTooltip.separator(false);
33
}
34
35
chart.container("container");
36
chart.draw();
37
});