Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HeatmapSeries is breaking after upgrading to version 1.12.1 #1482

Open
SamkeetJain opened this issue Jul 3, 2023 · 3 comments
Open

HeatmapSeries is breaking after upgrading to version 1.12.1 #1482

SamkeetJain opened this issue Jul 3, 2023 · 3 comments

Comments

@SamkeetJain
Copy link

HeatmapSeries is started to break after i updated react-vis to version 1.12.1. Same code is working smoothly in version 1.11.12

Errors which are showing in console

  1. Received NaN for the x attribute
  2. attribute x: Expected length, "NaN".

Code:

const data = [
    { "color": "rgb(0, 0, 255)", "description": "XXO1", "field": "A", "label": "XXYY00000074800.15", "x": 1, "y": 1 },
    { "color": "rgb(255, 0, 0)", "description": "XXO1", "field": "B", "label": "XXYY00000074800.15", "x": 2, "y": 1 },
    { "color": "rgb(0, 0, 255)", "description": "XXO1", "field": "C", "label": "XXYY00000074800.15", "x": 3, "y": 1 },
    { "color": "rgb(0, 0, 255)", "description": "XXO1", "field": "D", "label": "XXYY00000074800.15", "x": 4, "y": 1 },
    { "color": "rgb(0, 0, 255)", "description": "YYO1", "field": "A", "label": "XXYY00000049239.12", "x": 1, "y": 2 },
    { "color": "rgb(255, 0, 0)", "description": "YYO1", "field": "B", "label": "XXYY00000049239.12", "x": 2, "y": 2 },
    ......
  ]
<HeatmapSeries colorType="literal" data={data} style={strokeWidth} />

Warning 1:

react_devtools_backend_compact.js:2367 
Warning: Received NaN for the `x` attribute. If this is expected, cast the value to a string.
    in rect (created by HeatmapSeries)
    in g (created by HeatmapSeries)
    in HeatmapSeries (created by XYPlot)
    in svg (created by XYPlot)
    in div (created by XYPlot)
    in XYPlot (created by HeatMap)
    in div (created by HeatMap)
    in HeatMap (created by Volcano)
    in div (created by Volcano)
    in div (created by Volcano)
    in Volcano (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in DifferentialExpression (created by AnalysisRoute)
    in div (created by Context.Consumer)
    in TabPane (created by AnalysisRoute)
    in div (created by TabContent)
    in TabContent (created by Tabs)
    in div (created by Tabs)
    in Tabs (created by Context.Consumer)
    in Tabs (created by AnalysisRoute)
    in div (created by AnalysisRoute)
    in AnalysisRoute
    in Unknown (created by Routing)
    in RenderedRoute (created by Routes)
    in Routes (created by Routing)
    in div (created by Routing)
    in Router (created by BrowserRouter)
    in BrowserRouter (created by Routing)
    in Routing

Warning 2:

react_devtools_backend_compact.js:2367
Warning: Received NaN for the `max` attribute. If this is expected, cast the value to a string.
    in input (created by InputNumber)
    in div (created by InputNumber)
    in div (created by InputNumber)
    in InputNumber (created by Context.Consumer)
    in InputNumberPlus (created by Volcano)
    in div (created by Volcano)
    in div (created by Volcano)
    in div (created by Volcano)
    in Volcano (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in div (created by DifferentialExpression)
    in DifferentialExpression (created by AnalysisRoute)
    in div (created by Context.Consumer)
    in TabPane (created by AnalysisRoute)
    in div (created by TabContent)
    in TabContent (created by Tabs)
    in div (created by Tabs)
    in Tabs (created by Context.Consumer)
    in Tabs (created by AnalysisRoute)
    in div (created by AnalysisRoute)
    in AnalysisRoute
    in Unknown (created by Routing)
    in RenderedRoute (created by Routes)
    in Routes (created by Routing)
    in div (created by Routing)
    in Router (created by BrowserRouter)
    in BrowserRouter (created by Routing)
    in Routing

Error 1:

Error: <rect> attribute x: Expected length, "NaN".                             react-dom.development.js:1297

node --version: v18.15.0
npm --version: 9.5.0
Browser: Chrome Version 114.0.5735.133 (Official Build) (arm64)

@kenns29
Copy link
Contributor

kenns29 commented Jul 26, 2023

thanks for reporting. The team will look at it.

@manojsachwani
Copy link

Can confirm, exactly the same issue with both VerticalBarSeries and AreaSeries

@bcheng127
Copy link

was there any resolution to this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants