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
// create data
4
var data = [
5
["January", 12000, "red"],
6
["February", 15000, "blue"],
7
["March", 16000, "#333555"],
8
["April", 14000, "#aaaaaa"],
9
["May", 10000, "aqua"]
10
];
11
12
// create a data set
13
var dataSet = anychart.data.set(data);
14
15
// map the data
16
var mapping1 = dataSet.mapAs({x: 0, value: 1, fill: 2});
17
18
// create a chart
19
var chart = anychart.cartesian()
20
21
// create the marker series and set the data
22
var series1 = chart.marker(mapping1);
23
24
// set the chart title
25
chart.title("Data Color Mapping");
26
27
// set the container id
28
chart.container("container");
29
30
// initiate drawing the chart
31
chart.draw();
32
});