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
// This sample uses 3rd party Proj4js JavaScript library to transform coordinates
3
// See https://docs.anychart.com/Maps/Map_Projections to learn more.
4
5
var firstDataSet = anychart.data.set([
6
{points: [-27.50, 152.85, -34.14, 143.00], stroke: "#F44336"},
7
{points: [-34.14, 143.00, -22.9, 121.52], stroke: "#F44336"}
8
]);
9
10
var secondDataSet = anychart.data.set([
11
{points: [-27.50, 152.85, -34.14, 143.00], stroke: "#2196F3"},
12
{points: [-34.14, 143.00, -22.9, 121.52], stroke: "#2196F3"}
13
]);
14
15
var map = anychart.map();
16
map.geoData(anychart.maps.australia);
17
18
var redSeries = map.connector(firstDataSet);
19
var blueSeries = map.connector(secondDataSet);
20
21
// Set negative curvature.
22
redSeries.curvature(-0.4);
23
24
// Set positive curvature.
25
blueSeries.curvature(0.4);
26
27
map.title("Set curvature parameter");
28
map.container("container");
29
map.draw();
30
});