Help setting dynamic plot marker color

Ignition
1

Hello,

I am new to Designer and looking to have a scatter plot chart with different color markers based on a specific value.

Consider dataset d1:

  • Currently, it returns two values: a timestamp and a reading value
  • Those values will be distributed in the chart based on the timestamp
  • Each reading is generated by a sensor

I am looking to have each dot on the chart to be color coded, so we know which sensor a specific data point on the chart is associated with. The dataset can be updated to include the sensor associated with each reading, but I am not sure if I can use that third column to set the colors for the chart.

Please see attached.

scatter
scatter1032×1084 35.6 KB

Thanks in advance!

2

Seems like a job for DateTime Scatter Chart from ApexCharts.
Scatter - Datetime – ApexCharts.js
https://forum.inductiveautomation.com/t/kyvislabs-apexchart-module/

1 Like
3

Are you developing in Vision or Perspective?

4

I believe it is Perspective, since the object is nested under the Perspective folder in Designer.

1 Like
5

Thanks! I asked our admin to install the module. So there is no other way to change the color of those markers, right?

6

You definitely can do a Scatter TimeSeriesChart instead of ApexCharts (Apexcharts looks fancies IMO), but maybe I misunderstood what you are trying to do in your first post. Colour based on sensor or based on value.

Maybe there is some convoluted way to bind colour to the range of values.

7

Sorry for the confusion, it would be based on sensor.
Right now we only reference the actual reading values, which represent the various markers on the plot.
I want such markers to display in a different color based on the sensor that originated each reading.