Im using a Boxplot and want to write a custom tooltip. in the options, I set tooltip.customHTML = (data, ....) => .....
The data that is passed has this structure: [{"label":"Class","value":"Testing_Locati...","class":"tooltip-1-1-1"},{"label":"Outlier","value":"3.888"}]
Note that the value attribute in the first item is truncated and has an ellipsis, and the value of the second item is rounded. The original item is:{group: 'Testing_Locations', key: 'I need to be checked', value: 3.888350486755371}
I expected the data parameter to carry the DATA as is.
Now, it is difficult to find the data item that this point refers to.
Contact Details
boaz1234@gmail.com
What happened?
Im using a Boxplot and want to write a custom tooltip. in the options, I set
tooltip.customHTML = (data, ....) => .....
The data that is passed has this structure:[{"label":"Class","value":"Testing_Locati...","class":"tooltip-1-1-1"},{"label":"Outlier","value":"3.888"}]
Note that the value attribute in the first item is truncated and has an ellipsis, and the value of the second item is rounded. The original item is:{group: 'Testing_Locations', key: 'I need to be checked', value: 3.888350486755371}
I expected the data parameter to carry the DATA as is. Now, it is difficult to find the data item that this point refers to.Version
"@carbon/charts": "^0.54.12", "@carbon/charts-react": "^0.53.5",
Data & options used
No response
Relevant log output
Codesandbox example
https://codesandbox.io/s/zfny6o?file=/src/index.js Hover over one of the outliers