Hello!
When I use the ‘InsightView’, to where I pass the respective variable from the ‘md/full.js’ file in order to render the chart - it works.
But when I hover on the chart - the tooltip looks ugly, as if there aren’t styles. In the dashboard page, where I made the chart, it looks correctly, and it looks incorrectly in the React application, in which I wanna implement it.
I imported to the root .js file styles by the next way:
import "./index.scss";
import "@gooddata/sdk-ui-charts/styles/css/main.css";
import "@gooddata/sdk-ui-ext/styles/css/main.css";
import "@gooddata/sdk-ui-filters/styles/css/main.css";
import "@gooddata/sdk-ui-geo/styles/css/main.css";
import "@gooddata/sdk-ui-kit/styles/css/main.css";
import "@gooddata/sdk-ui-pivot/styles/css/main.css";
import "@gooddata/sdk-ui-dashboard/styles/css/main.css";
ReactDOM.render(
<AppProviders>
<App />
<ToastContainer />
</AppProviders>,
document.getElementById("root"),
);
But it doesn’t help to show tooltip correctly.
I also tried to do imports by using ‘import’ method and via ‘then’ output the content in dependence of the moment, when they are uploaded - I assumed the possibility, that they weren’t uploaded at the moment of React component rendering and thought to wait until they are uploaded - but that also didn’t work for me.
How can I resolve the issue?
Thanks
Best answer by Jan Rehanek
View original