Radar Chart Custom Labels
The configuration of the spokes of a Radar chart can be modified using the axisConfig method.
var myData = [
{Geography: "Midwest Region", sport: "Soccer", total: 20},
{Geography: "West Region", sport: "Soccer", total: 10},
{Geography: "Southwest Region", sport: "Soccer", total: 20},
{Geography: "Southeast Region", sport: "Soccer", total: 20},
{Geography: "Northeast Region", sport: "Soccer", total: 20},
{Geography: "Midwest Region", sport: "Baseball", total: 15},
{Geography: "West Region", sport: "Baseball", total: 21},
{Geography: "Southwest Region", sport: "Baseball", total: 10},
{Geography: "Southeast Region", sport: "Baseball", total: 15},
{Geography: "Northeast Region", sport: "Baseball", total: 12}
];
new d3plus.Radar()
.config({
data: myData,
groupBy: "sport",
metric: "Geography",
value: "total",
axisConfig: {
shapeConfig: {
labelConfig: {
fontColor: "green"
},
label: function(d) {
return d.Geography.replace("Region", "").trim();
}
}
}
})
.render();