Component Error in changing table value

Ignition
,
1

Hello,
I'm getting an error when I change a table value.
This error triggers irregularly
As in the following gif：
img_v3_02iq_d344ec61-2902-4289-a608-aac35b3f1f1g

Can you please tell me what is the problem with this
Here are my components and data：

Data1 
[
  {
    "ItemCode": "01",
    "ItemValue": 25
  },
  {
    "ItemCode": "02",
    "ItemValue": 24
  },
  {
    "ItemCode": "03",
    "ItemValue": 25
  },
  {
    "ItemCode": "04",
    "ItemValue": 26
  },
  {
    "ItemCode": "05",
    "ItemValue": 25
  },
  {
    "ItemCode": "06",
    "ItemValue": 25
  },
  {
    "ItemCode": "07",
    "ItemValue": 24
  },
  {
    "ItemCode": "08",
    "ItemValue": 25
  },
  {
    "ItemCode": "09",
    "ItemValue": 26
  },
  {
    "ItemCode": "10",
    "ItemValue": 25
  }
]
Data2 
[
  {
    "ItemCode": "01",
    "ItemValue": 25
  },
  {
    "ItemCode": "02",
    "ItemValue": 25
  },
  {
    "ItemCode": "03",
    "ItemValue": 25
  },
  {
    "ItemCode": "04",
    "ItemValue": 25
  },
  {
    "ItemCode": "05",
    "ItemValue": 26
  },
  {
    "ItemCode": "06",
    "ItemValue": 26
  },
  {
    "ItemCode": "07",
    "ItemValue": 26
  },
  {
    "ItemCode": "08",
    "ItemValue": 24
  },
  {
    "ItemCode": "09",
    "ItemValue": 24
  },
  {
    "ItemCode": "10",
    "ItemValue": 24
  }
]
2

Component is too long ,that cann`t be sent.
Here is the json.
Components.json (59.5 KB)

3

What's the warning message in the red triangle beside PROPS?

4

img_v3_02iq_9e67a48b-e2de-4a96-9615-7c824ae5146g
img_v3_02iq_9e67a48b-e2de-4a96-9615-7c824ae5146g1121×790 92.4 KB

5

It's weird! The error message is pointing to the problem. By changing to,
yAxes.0.appearance.grid.dashArray : 5 5
rather than your value of 10 the problem seems to resolve.

I have no idea why it works for one set of data and not the other.

SVG dashed array. The pattern of dashes and gaps used to paint the stroke. It's a list of comma separated lengths (in pixels) and percentages (percentage of the total stroke length) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5,3,2" is equivalent to "5,3,2,5,3,2". (See yAxes.appearance.grid.)

Congratulations on posting all the information needed to reproduce the problem! Some folks make us drag it out of them.

1 Like
6

Regarding the coding: I would be inclined to create a custom property on the root of the view to keep track of whether 1C or 2C is selected. Then just bind the color properties of each button to that custom prop. It avoids all the getSibling hoo-haa.

I'd also use Perspective Built-In Themes | Ignition User Manual rather than hard code them into the app. It's then very easy to be consistent and to modify the whole application in one place.

1 Like