Can we please get netchart legend support on geochart?
I don't see it in zc v1.8 on Chrome
var settings = {
"container": document.getElementById("tryout-demo"),
"area": {
"height": 350
},
style: {
nodeClasses: [
{ className: "classA", style: { radius: 20, fillColor: "red", lineColor: "blue" } },
{ className: "classB", style: { fillColor: "green", radius: 55, lineWidth: 20, lineColor: "red", lineDash: [10, 5] } },
{ className: "classX", style: { fillColor: "orange", radius: 45, lineWidth: 2, lineColor: "black" } },
{ className: "classE", style: { fillColor: "yellow", radius: 100, lineColor: "red" } }
],
linkClasses: [
{ className: "classLA", style: { fillColor: "blue", toDecoration: "arrow", direction: "D", lineDash: [3, 3] } },
{ className: "classLC", style: { fillColor: "red", lineDash: [10, 10, 2, 2] } }
]
},
"data": {
"preloaded": {
"nodes": [
{
"id": "Squaw Valley",
"coordinates": [
-119.181449,
36.707146
]
},
{
"id": "Atlanta",
"coordinates": [
-84.388846,
33.752504
]
},
{
"id": "New York",
"coordinates": [
-73.996705,
40.74838
]
},
{
"id": "Lake Placid",
"coordinates": [
-81.364918,
27.294474
]
}
],
"links": [
{
"from": "New York",
"to": "Atlanta",
"drivingTime": "13 hours 3 mins"
},
{
"from": "New York",
"to": "Squaw Valley",
"drivingTime": "1 day 18 hours"
},
{
"from": "New York",
"to": "Lake Placid",
"drivingTime": "17 hours 33 mins"
},
{
"from": "Lake Placid",
"to": "Squaw Valley",
"drivingTime": "1 day 15 hours"
},
{
"from": "Atlanta",
"to": "Squaw Valley",
"drivingTime": "1 day 10 hours"
}
]
}
},
"navigation": {
"initialLat": 35.04409,
"initialLng": -90.246213
},
"layers": [
{
legend: { enabled: true },
"name": "Points",
"type": "items",
"style": {
"nodeLabel": {
"backgroundStyle": {
"fillColor": "black"
},
"textStyle": {
"fillColor": "white"
}
},
"linkLabel": {
"backgroundStyle": {
"fillColor": "rgba(0, 0, 0, 0.6)"
},
"textStyle": {
"fillColor": "white"
}
},
nodeClasses: [
{ className: "classA", style: { radius: 20, fillColor: "red", lineColor: "blue" } },
{ className: "classB", style: { fillColor: "green", radius: 55, lineWidth: 20, lineColor: "red", lineDash: [10, 5] } },
{ className: "classX", style: { fillColor: "orange", radius: 45, lineWidth: 2, lineColor: "black" } },
{ className: "classE", style: { fillColor: "yellow", radius: 100, lineColor: "red" } }
],
linkClasses: [
{ className: "classLA", style: { fillColor: "blue", toDecoration: "arrow", direction: "D", lineDash: [3, 3] } },
{ className: "classLC", style: { fillColor: "red", lineDash: [10, 10, 2, 2] } }
]
}
}
],
legend: { enabled: true }
};
tryoutChart = new GeoChart(settings);