Problem/Motivation

When adding a chart field/block/other element using the Chart Data Collector Table, certain actions like adding a column can cause the preview to expand infinitely.

Steps to reproduce

  1. Create a node with a chart field
  2. Populate the categories and the first column of data
  3. Hit "Update Preview"
  4. Add a new column
  5. Observe

This doesn't happen with all libraries - Chart.js and Highcharts tend to do this more than Google or Billboard.js.

Proposed resolution

First, we need to limit the width of the preview section or, depending on the library, it might infinitely expand. Second, we need to allow the data collector table to expand and be horizontally scrollable as it does.

Remaining tasks

None.

User interface changes

API changes

None.

Data model changes

None.

Issue fork charts-3614685

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

andileco created an issue. See original summary.

andileco opened merge request !219

andileco’s picture

andileco commented
Assigned: andileco » nikathone
Status: Active » Needs review
nikathone’s picture

nikathone
Primary language Swahili
Location Ontario
commented
Status: Needs review » Reviewed & tested by the community

  • andileco committed d61a64d5 on 5.2.x 
    fix: #3614685 Certain ajax actions on Chart Data Table are causing...
andileco’s picture

andileco commented
Issue summary: View changes
andileco’s picture

andileco commented
Status: Reviewed & tested by the community » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.