https://www.gooddata.com/ logo
Join Slack
Powered by
Happy Monday! We are seeing some difference in das...
# gooddata-cn
e
Happy Monday! We are seeing some difference in dashboard tooltip rendering and was curious if anyone had experienced this before?
Red mark to redact client information - but on the first image you can see the tooltip renders the brand, answer and buzz correctly while the second one seemingly duplicates the strings and are unstyled. Thoughts?
m
Hi Eugene, Happy Monday to you. As a starting point, I would recommend upgrading to the latest version of GoodData CN as we recently released GoodData.CN 2.5.0. Also, are you using GoodData UI components with your insight? Or did you make any changes in the tooltip styling?
e
We're using @gooddata/sdk-ui-dashboard as is as proof of concept
Copy code
import { PageContainer } from '@Internal/ui';
import React from 'react';
import { MainPageWrapper } from '~/components/MainPageWrapper';
import { Dashboard } from '@gooddata/sdk-ui-dashboard';
import { idRef } from '@gooddata/sdk-model';
import { WorkspaceProvider } from '@gooddata/sdk-ui';
import '@gooddata/sdk-ui-dashboard/styles/css/main.css';
import { useParams } from 'react-router';

const Dashboards: React.FC = () => {
  const params = useParams();
  const dashboardId = params.dashboardId;
  const dashboard = idRef(dashboardId ?? '');
  const EmbeddedDashboard = () => (
    <Dashboard
      dashboard={dashboard}
      config={{
        isReadOnly: true
      }}
    />
  );
  const workspaceId = params.workspaceId ?? '';

  return (
    <MainPageWrapper>
      <PageContainer>
        <WorkspaceProvider workspace={workspaceId}>
          <EmbeddedDashboard />
        </WorkspaceProvider>
      </PageContainer>
    </MainPageWrapper>
  );
};

export default Dashboards;
m
Thanks! Could you share your package.json?
e
could I send a snippet of the dependencies only? or are you looking for other sections?
Copy code
"dependencies": {
    "@gooddata/api-client-tiger": "^9.0.0",
    "@gooddata/sdk-backend-tiger": "^9.0.0",
    "@gooddata/sdk-ui-all": "^9.0.0",
    "@gooddata/sdk-ui-dashboard": "^9.0.0",
    "@tanstack/react-query": "^4.29.5",
    "axios": "^1.4.0",
    "css-loader": "^6.8.1",
    "cuid": "^2.1.8",
    "dayjs": "^1.11.9",
    "process": "^0.11.10",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-helmet": "^6.1.0",
    "react-router-dom": "^6.3.0",
    "sass": "^1.64.2",
    "sass-loader": "^13.3.2",
    "style-loader": "^3.3.3",
    "styled-components": "^5.2.1"
  },
r
Happy Tuesday Eugene 🙂 have you noticed any console errors along with the double renders?
e
We're not seeing any console errors in particular
is there a script we can check for being loaded?
r
The dashboard supports event handlers, so you could check for events fired at load to see where the doppelgangers are coming from!
e
Thats helpful to know! We'll take a look accordingly
r
Hi there Eugene, have you had any luck with this? 🙂
e
@Radek Novacek Hello! Sorry for the much delayed response - another member of my team did end up fixing the issue via a combination of updates and switching to web components but we did have a new question regarding tool tips: We were hoping to include more information like marking statistical significance and N-values of a certain point in a line chart - I noticed that tooltip plugin is now considered legacy - is there away to modify what data the tooltip displays or will we have to re-write our own tooltip plugin from scratch?
👀 1
Open in Slack
PreviousNext
Powered by