const rows = [['IN', 'IN', '142'],
['IN', 'CN', '50'],
['CN', 'CN', '49'],
['CN', 'IN', '41'],
['CN', 'US', '24'],
['US', 'IN', '24'],
['IN', 'US', '22'],
['US', 'CN', '18'],
['CN', 'ID', '13'],
['ID', 'CN', '13'],
['US', 'US', '13'],
['CN', 'BR', '11'],
['JP', 'IN', '10'],
['BR', 'CN', '9'],
['BR', 'IN', '8'],
['IN', 'BD', '8'],
['IN', 'BR', '8'],
['IN', 'IR', '8'],
['IN', 'PK', '8'],
['IT', 'CN', '8'],
['CN', 'DE', '7'],
['KR', 'CN', '7'],
['MX', 'IN', '7'],
['NG', 'CN', '7'],
['US', 'ID', '7'],
['CN', 'BD', '6'],
['CN', 'MM', '6'],
['CN', 'MX', '6'],
['CN', 'NG', '6'],
['CN', 'RU', '6'],
['ES', 'IN', '6'],
['ID', 'IN', '6'],
['IN', 'ID', '6'],
['US', 'BR', '6'],
['US', 'TR', '6'],
['BD', 'CN', '5'],
['BD', 'IN', '5'],
['BR', 'US', '5'],
['CN', 'ES', '5'],
['CN', 'JP', '5'],
['EG', 'IN', '5'],
['ES', 'CN', '5'],
['ID', 'US', '5'],
['IN', 'EG', '5'],
['IN', 'JP', '5'],
['IN', 'MX', '5'],
['IN', 'NG', '5'],
['IN', 'PH', '5'],
['PK', 'CN', '5'],
['PK', 'IN', '5']];
I am testing out data formats that are used in Kibana, and found this example. For this sample SQL query there is incorrect rendering.
Sample query:
SELECT geo.src, geo.dest, COUNT(*) as C GROUP BY geo.src, geo.dest ORDER BY COUNT(*) DESC LIMIT 50This rendering shows all the data on the legend, but does not draw any bars.
I've created a minimal test case here for you to see the data used: https://codesandbox.io/s/async-meadow-divin
See the full data set
There is also some connection to this Canvas issue: elastic/kibana#52419