topic Re: How to setting line graph in ThingWorx Developers

How to setting line graph

DR_10558933 — Mon, 09 Oct 2023 07:22:48 GMT

Now i got line chart like picture below but i want to modify something

1.X-Axis that is a time didn't show full date

2.On the right hand side, i want to edit sequence that L.33 is first one and then L.34 , L.35 respectively.

Thank you

Re: How to setting line graph

Velkumar — Mon, 09 Oct 2023 07:52:20 GMT

Hi @DR_10558933

For Line Chart, you can try changing XAxisType to Date/Time and set XAxisDateFormatToken. Also, set HorizontalAxisLabelsRotation to 0.

In Widget Style Properties, reduce Xaxis Tick Label font size to fit into the chart

For sequence, you can set NumberOfSeries to 7. Select DataField based on your sequence

/VR

Re: How to setting line graph

DR_10558933 — Mon, 09 Oct 2023 09:45:12 GMT

another question, can i change format when i put the mouse to some point at the line chart ?

Re: How to setting line graph

Velkumar — Mon, 09 Oct 2023 10:45:01 GMT

HI @DR_10558933

For custom tooltip please refer here - Creating Custom Chart Tooltips (ptc.com)

/VR

Re: How to setting line graph

DR_10558933 — Tue, 10 Oct 2023 01:20:57 GMT

How i can custom the ${label} to get short detail and disable value at graph that show upper pointer

Re: How to setting line graph

Velkumar — Tue, 10 Oct 2023 07:01:19 GMT

Hi @DR_10558933

I don't think we can customize label value in Mashup Runtime.

If you want a custom label, you can add a new field with a custom value and update the tooltip with Template Literals

To display custom field as Tooltip

${Data:<Infotable-field>}

Article -

Article - CS369558 - Using Custom Tooltips in Line Chart in ThingWorx Platform (ptc.com)

Article - CS381734 - The tooltip for the Line Chart Widget does not honor the date format of the x-axis label in ThingWorx (ptc.com)

The article says that the issue was fixed in 9.3.4 but it is still not working

/VR