plotly / react-chart-editor

Customizable React-based editor panel for Plotly charts
https://plotly.github.io/react-chart-editor/
MIT License
505 stars 105 forks source link

Plotly gives an error when doing a split transform on a grouped bar chart #1064

Open dunson062786 opened 4 years ago

dunson062786 commented 4 years ago

Given I have this data: https://chart-studio.plotly.com/~mpdunson/0

I want to be able to create a grouped bar chart with date and id on the x-axis and distance on the y-axis. So 20 bar charts total 2 for each day for 10 days.

Furthermore, I want to be able to be able do a split transform on each bar by time_segment. So three colors for each bar each color representing either: '6am-8am', '9:30am-2pm' or '3:30pm-8pm'.

Everything seems to work until I try to do a split transform. Then I get the following error in the console:

console_error_for_visualization

Here is the visualization: https://chart-studio.plotly.com/create/?fid=mpdunson:3&fid=mpdunson:2

Edit: Looks like the visualization stays at the beginning point so here are the steps to reproduce: Click '+ Trace' button Select Type: Bar Chart Select X: date and id Select Y: distance Click Transforms Click '+ Tranform' button Select Split Select By: time_segment

Expected behavior: individual bars break into time segment: '6am-8am', '9:30am-2pm" and '3:30pm-8pm' Actual behavior: Nothing and I get a console error

Edit: I was able to workaround this issue by rearranging the data and using 3 different traces: https://chart-studio.plotly.com/create/?fid=mpdunson:5&fid=mpdunson:4