Extra column when editing Line chart with simple editor

[Mara42]

Description

When editing/creating a Line chart and editing its data with Simple editor, if you change the name of the last columns (all of them or just one but not the first one; if you change the name of the first column the plugin will work as it should), and then click Show Chart, an extra column will appear (the one that actually was renamed in the previous step if we renamed one, or the last one we renamed if multiple columns were modified). And if we go back and try to edit it with the simple editor there is no way to see this additional column (even though it is displayed in the chart legend).

Step-by-step reproduction instructions

1. Make sure to have Visualizer installed and start to edit/add a page
2. Click on plus and Select Visualizer Chart
3. Select Create New Chart and select Line Chart
4. Select Simple Editor and click on Edit Data
5. Rename the last columns (you can rename any column except the first one to see this behaviour)
6. Click on Show Chart

Screenshots, screen recording, code snippet or Help Scout ticket

Rename one of the last columns:

Extra column showing

Click on edit and the column is not there

Environment info

https://pastebin.com/wS1tsBvP

Is the issue you are reporting a regression

No

[girishpanchal30]

I've reviewed this issue and fixed it here - #1200

[poonam279]

@girishpanchal30 I have tested the PR, and it fixes the issue on a new instance.

However, it still shows the issue where we have already faced the issue. Here is the site where I first created this issue, and it's still showing the same issue. The new charts, which were created after installing the build, are also displaying the same problem.

Admin area URL: https://implementcats.s2-tastewp.com/wp-admin
Username: poonam
Password: eEEEVjkcEW0

[girishpanchal30]

@poonam279

However, it still shows the issue where we have already faced the issue. Here is the site where I first created this issue, and it's still showing the same issue.

The issue is related to JavaScript, so it will only work with newly created charts.

The new charts, which were created after installing the build, are also displaying the same problem.

I have created a new chart in your test instance, and it appears to be working fine for me.

[poonam279]

Thanks @girishpanchal30, I created and edited the line chart before installing the build, and that's why the line chart is still showing the issue. Can you try the same?

[girishpanchal30]

@poonam279 Changes will not be applied automatically to the existing chart. You need to either recreate the chart or edit the chart data.
This issue is related to the JavaScript code, and the changes are not applied automatically to the existing chart.

Thanks