<Chart chartEvents={[ { eventName: "select", callback: ({ chartWrapper }) => { const chart = chartWrapper.getChart(); const selection = chart.getSelection(); if (selection.length === 0) return; const region = data[selection[0].row + 1]; console.log("Selected : " + region); }, }, ]} chartType="GeoChart" options={{ region: "US", displayMode: "regions", backgroundColor: "lightgrey", resolution: "provinces", colors: ["#BDDBF7", "#6287AA", "#6287AA"], }} mapProperties={{ tooltip: { isHtml: true }, }} width="100%" height="400px" rootProps={{ "data-testid": "1" }} data={[[ ["TX", "Texas", 345], ["UT", "Utah", 68], ["WY", "Wyoming", 45], ]]} />
I want to show state label in this map, i am using react google geo chart
I want to show state label in this map, i am using react google geo chart
i have tried by giving displayMode regions and resolution: “provinces”,
but still not showing state label, i have to show label in this map
ᴀL ᴘʜᴀ is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.