[Bug] Time Series Chart Won't Show More than 6 Series on Same Axis

This is being done in Ignition 8.1.16:

I am attempting to show trend data for 9 different datapoints. Ideally, I’d like them to share the same Y-Axis.

However I get 3 separate y-axes even though each series has been configured to use the same axis:

Here is the that chart’s props.plots value:

[
  {
    "trends": [
      {
        "visible": true,
        "type": "line",
        "series": "foo452",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo321",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo758",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo115",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo500",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo450",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo4",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo651",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo686",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      }
    ],
    "axes": [
      {
        "name": "Value",
        "min": "",
        "max": "",
        "alignment": "left",
        "width": 60,
        "label": {
          "visible": false,
          "text": "Value",
          "offset": 0,
          "font": {
            "color": "",
            "size": 10
          },
          "style": {
            "classes": ""
          }
        },
        "tick": {
          "color": "",
          "count": "Auto",
          "label": {
            "format": "Auto",
            "font": {
              "color": "",
              "size": 10
            },
            "style": {
              "classes": ""
            }
          },
          "style": {
            "classes": ""
          }
        },
        "style": {
          "classes": ""
        }
      }
    ],
    "markers": []
  }
]

However when I limit the number of series to 6, they do share a single y-axis as expected:


Here’s the props.plots value in this case:

[
  {
    "trends": [
      {
        "visible": true,
        "type": "line",
        "series": "foo452",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo321",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo758",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo115",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo500",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo450",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      }
    ],
    "axes": [
      {
        "name": "Value",
        "min": "",
        "max": "",
        "alignment": "left",
        "width": 60,
        "label": {
          "visible": false,
          "text": "Value",
          "offset": 0,
          "font": {
            "color": "",
            "size": 10
          },
          "style": {
            "classes": ""
          }
        },
        "tick": {
          "color": "",
          "count": "Auto",
          "label": {
            "format": "Auto",
            "font": {
              "color": "",
              "size": 10
            },
            "style": {
              "classes": ""
            }
          },
          "style": {
            "classes": ""
          }
        },
        "style": {
          "classes": ""
        }
      }
    ],
    "markers": []
  }
]

Is this a bug or perhaps a limitation of the Time Series chart? Is there additional configuration I need to do to get all 9 to display on the same axis?

Post a bit of props.series data too so we can try it out.

Sorry, here’s the props.series data:

[
  {
    "name": "foo926",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651464000000,
            1651467600000,
            1651471200000,
            1651474800000,
            1651478400000,
            1651482000000,
            1651485600000,
            1651489200000,
            1651492800000,
            1651496400000,
            1651500000000,
            1651503600000,
            1651507200000,
            1651510800000,
            1651514400000,
            1651518000000,
            1651521600000,
            1651525200000,
            1651528800000,
            1651532400000,
            1651536000000,
            1651539600000,
            1651543200000,
            1651546800000,
            1651550400000,
            1651554000000,
            1651557600000,
            1651561200000
          ]
        },
        {
          "name": "foo926",
          "type": "Double",
          "data": [
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0
          ]
        }
      ]
    }
  },
  {
    "name": "foo398",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651464000000,
            1651467600000,
            1651471200000,
            1651474800000,
            1651478400000,
            1651482000000,
            1651485600000,
            1651489200000,
            1651492800000,
            1651496400000,
            1651500000000,
            1651503600000,
            1651507200000,
            1651510800000,
            1651514400000,
            1651518000000,
            1651521600000,
            1651525200000,
            1651528800000,
            1651532400000,
            1651536000000,
            1651539600000,
            1651543200000,
            1651546800000,
            1651550400000,
            1651554000000,
            1651557600000,
            1651561200000
          ]
        },
        {
          "name": "foo398",
          "type": "Double",
          "data": [
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0,
            0.0
          ]
        }
      ]
    }
  },
  {
    "name": "foo857",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651464000000,
            1651464300000,
            1651464600000,
            1651464900000,
            1651465200000,
            1651465500000,
            1651465800000,
            1651466100000,
            1651466400000,
            1651466700000,
            1651467000000,
            1651467300000,
            1651467600000,
            1651467900000,
            1651468200000,
            1651468500000,
            1651468800000,
            1651469100000,
            1651469400000,
            1651469700000,
            1651470000000,
            1651470300000,
            1651470600000,
            1651470900000,
            1651471200000,
            1651471500000,
            1651471800000,
            1651472100000,
            1651472400000,
            1651472700000,
            1651473000000,
            1651473300000,
            1651473600000,
            1651473900000,
            1651474200000,
            1651474500000,
            1651474800000,
            1651475100000,
            1651475400000,
            1651475700000,
            1651476000000,
            1651476300000,
            1651476600000,
            1651476900000,
            1651477200000,
            1651477500000,
            1651477800000,
            1651478100000,
            1651478400000,
            1651478700000
          ]
        },
        {
          "name": "foo857",
          "type": "Double",
          "data": [
            112.58564758300781,
            112.64337158203125,
            112.29608154296875,
            112.86720275878906,
            112.15657806396484,
            111.9160385131836,
            112.51164245605469,
            112.33647155761719,
            112.36363220214844,
            112.06547546386719,
            112.63932800292969,
            112.45503997802734,
            112.41297912597656,
            112.74283599853516,
            112.38352966308594,
            112.56675720214844,
            112.19587707519531,
            112.05728912353516,
            112.17802429199219,
            112.27130126953125,
            112.1360092163086,
            112.4212417602539,
            112.28181457519531,
            112.5409927368164,
            112.24626159667969,
            112.7362289428711,
            112.64604187011719,
            112.3891372680664,
            112.37120056152344,
            112.32756042480469,
            112.4072036743164,
            112.43687438964844,
            112.68880462646484,
            113.2950668334961,
            112.67982482910156,
            112.78852844238281,
            112.42695617675781,
            112.50794982910156,
            112.64825439453125,
            112.54544830322266,
            112.76835632324219,
            112.59730529785156,
            113.02622985839844,
            112.45518493652344,
            112.69157409667969,
            112.6992416381836,
            112.64060974121094,
            112.6927261352539,
            112.6855697631836,
            112.87313079833984
          ]
        }
      ]
    }
  },
  {
    "name": "foo153",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651464000000,
            1651464300000,
            1651464600000,
            1651464900000,
            1651465200000,
            1651465500000,
            1651465800000,
            1651466100000,
            1651466400000,
            1651466700000,
            1651467000000,
            1651467300000,
            1651467600000,
            1651467900000,
            1651468200000,
            1651468500000,
            1651468800000,
            1651469100000,
            1651469400000,
            1651469700000,
            1651470000000,
            1651470300000,
            1651470600000,
            1651470900000,
            1651471200000,
            1651471500000,
            1651471800000,
            1651472100000,
            1651472400000,
            1651472700000,
            1651473000000,
            1651473300000,
            1651473600000,
            1651473900000,
            1651474200000,
            1651474500000,
            1651474800000,
            1651475100000,
            1651475400000,
            1651475700000,
            1651476000000,
            1651476300000,
            1651476600000,
            1651476900000,
            1651477200000,
            1651477500000,
            1651477800000,
            1651478100000,
            1651478400000,
            1651478700000
          ]
        },
        {
          "name": "foo153",
          "type": "Double",
          "data": [
            46.20551681518555,
            46.153602600097656,
            46.244850158691406,
            46.215518951416016,
            45.90299606323242,
            45.900672912597656,
            46.09233474731445,
            46.189292907714844,
            46.03275680541992,
            45.890419006347656,
            46.387451171875,
            46.49120330810547,
            46.01752471923828,
            46.184967041015625,
            46.08857345581055,
            46.23894119262695,
            46.21853256225586,
            46.24796676635742,
            46.26311111450195,
            46.41762924194336,
            46.077491760253906,
            46.55171585083008,
            46.25087356567383,
            46.51537322998047,
            46.557769775390625,
            46.89688491821289,
            46.77894592285156,
            46.500186920166016,
            46.72321319580078,
            46.78064727783203,
            46.812381744384766,
            47.096458435058594,
            47.005943298339844,
            47.62220001220703,
            47.70017623901367,
            47.598106384277344,
            47.07875442504883,
            46.39726257324219,
            47.2165412902832,
            47.24027633666992,
            48.046241760253906,
            48.29076385498047,
            48.06312942504883,
            47.706478118896484,
            47.95380783081055,
            47.62510299682617,
            48.27436065673828,
            48.247291564941406,
            48.4169807434082,
            48.15077209472656
          ]
        }
      ]
    }
  },
  {
    "name": "foo859",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651464000000,
            1651464300000,
            1651464600000,
            1651464900000,
            1651465200000,
            1651465500000,
            1651465800000,
            1651466100000,
            1651466400000,
            1651466700000,
            1651467000000,
            1651467300000,
            1651467600000,
            1651467900000,
            1651468200000,
            1651468500000,
            1651468800000,
            1651469100000,
            1651469400000,
            1651469700000,
            1651470000000,
            1651470300000,
            1651470600000,
            1651470900000,
            1651471200000,
            1651471500000,
            1651471800000,
            1651472100000,
            1651472400000,
            1651472700000,
            1651473000000,
            1651473300000,
            1651473600000,
            1651473900000,
            1651474200000,
            1651474500000,
            1651474800000,
            1651475100000,
            1651475400000,
            1651475700000,
            1651476000000,
            1651476300000,
            1651476600000,
            1651476900000,
            1651477200000,
            1651477500000,
            1651477800000,
            1651478100000,
            1651478400000,
            1651478700000
          ]
        },
        {
          "name": "foo859",
          "type": "Double",
          "data": [
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0024999999441206455,
            0.0037499999161809683,
            0.0024999999441206455,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0024999999441206455,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0024999999441206455,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0024999999441206455,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0024999999441206455,
            0.0037499999161809683,
            0.0037499999161809683,
            0.0037499999161809683
          ]
        }
      ]
    }
  },
  {
    "name": "foo943",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651463700000,
            1651464000000,
            1651464300000,
            1651464600000,
            1651464900000,
            1651465200000,
            1651465500000,
            1651465800000,
            1651466100000,
            1651466400000,
            1651466700000,
            1651467000000,
            1651467300000,
            1651467600000,
            1651467900000,
            1651468200000,
            1651468500000,
            1651468800000,
            1651469100000,
            1651469400000,
            1651469700000,
            1651470000000,
            1651470300000,
            1651470600000,
            1651470900000,
            1651471200000,
            1651471500000,
            1651471800000,
            1651472100000,
            1651472400000,
            1651472700000,
            1651473000000,
            1651473300000,
            1651473600000,
            1651473900000,
            1651474200000,
            1651474500000,
            1651474800000,
            1651475100000,
            1651475400000,
            1651475700000,
            1651476000000,
            1651476300000,
            1651476600000,
            1651476900000,
            1651477200000,
            1651477500000,
            1651477800000,
            1651478100000,
            1651478400000
          ]
        },
        {
          "name": "foo943",
          "type": "Double",
          "data": [
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0,
            1.0
          ]
        }
      ]
    }
  },
  {
    "name": "foo909",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "String",
          "data": []
        },
        {
          "name": "foo909",
          "type": "String",
          "data": []
        }
      ]
    }
  },
  {
    "name": "foo183",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "String",
          "data": []
        },
        {
          "name": "foo183",
          "type": "String",
          "data": []
        }
      ]
    }
  },
  {
    "name": "foo874",
    "data": {
      "$": [
        "ds",
        192,
        1651841093309
      ],
      "$columns": [
        {
          "name": "time",
          "type": "Date",
          "data": [
            1651464000000,
            1651467600000,
            1651471200000,
            1651474800000,
            1651478400000,
            1651482000000,
            1651485600000,
            1651489200000,
            1651492800000,
            1651496400000,
            1651500000000,
            1651503600000,
            1651507200000,
            1651510800000,
            1651514400000,
            1651518000000,
            1651521600000,
            1651525200000,
            1651528800000,
            1651532400000,
            1651536000000,
            1651539600000,
            1651543200000,
            1651546800000,
            1651550400000,
            1651554000000,
            1651557600000,
            1651561200000
          ]
        },
        {
          "name": "foo874",
          "type": "Double",
          "data": [
            0.4119899868965149,
            0.4157100021839142,
            0.4194299876689911,
            0.42129001021385193,
            0.42221999168395996,
            0.42500999569892883,
            0.42965999245643616,
            0.4315199851989746,
            0.43338000774383545,
            0.43244999647140503,
            0.4343099892139435,
            0.43338000774383545,
            0.4352400004863739,
            0.4361700117588043,
            0.43338000774383545,
            0.4315199851989746,
            0.42594000697135925,
            0.4240800142288208,
            0.42129001021385193,
            0.42129001021385193,
            0.4240800142288208,
            0.4240800142288208,
            0.4231500029563904,
            0.42500999569892883,
            0.4268699884414673,
            0.4305900037288666,
            0.4315199851989746,
            0.4352400004863739
          ]
        }
      ]
    }
  }
]

Here’s the props.plots again, because the series names are randomly generated and may not match from the earlier post:

[
  {
    "trends": [
      {
        "visible": true,
        "type": "line",
        "series": "foo926",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo398",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo857",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo153",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo859",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo943",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo909",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo183",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      },
      {
        "visible": true,
        "type": "line",
        "series": "foo874",
        "interpolation": "curveLinear",
        "breakLine": true,
        "axis": "Value"
      }
    ],
    "axes": [
      {
        "name": "Value",
        "min": "",
        "max": "",
        "alignment": "left",
        "width": 60,
        "label": {
          "visible": false,
          "text": "Value",
          "offset": 0,
          "font": {
            "color": "",
            "size": 10
          },
          "style": {
            "classes": ""
          }
        },
        "tick": {
          "color": "",
          "count": "Auto",
          "label": {
            "format": "Auto",
            "font": {
              "color": "",
              "size": 10
            },
            "style": {
              "classes": ""
            }
          },
          "style": {
            "classes": ""
          }
        },
        "style": {
          "classes": ""
        }
      }
    ],
    "markers": []
  }
]

I should mention that I am limiting the number of data points in the series in order to post this here. They are limited to 50 datapoints in this example. I tried limiting it to 5 datapoints and one of the y-axes disappeared, which does still imply this is some sort of limit on the chart itself.