Skip to main content
S
SV_117741617-Bedrock
7-Bedrock
October 11, 2024
Solved

Custom chart widget extension - Logarithmic scale

  • October 11, 2024
  • 1 reply
  • 2117 views

Hello,
I am trying to Modify the custom chart widget extension for logarithmic scale in Y-Axis in time series chart. After building the code with necessary changes( in ide.js, runtime.js) and importing in Thingworx, I get Logarithmic option in Y-AxisIntervals but chart is not visible in run time. 

Getting the following error :
ERROR [widget] "NavigateFramework_CssFiles" widget type is missing required member widgetProperties()
ERROR [widget] An error occurred while calling undefined::widgetProperties(), Id = "undefined", Mashup = "Test234". [{}]

Can anybody help me to fix this and guide me if I am missing anything?
Attached screenshots of the code modified for logarithmic scale.

Best answer by SV_11774161

Thank you Constantine for the reply. But, I achieved the logarithmic scale by Adding the log function here.

SV_11774161_0-1730090528964.png

 

1 reply

V
VladimirRosu_11662719-Tanzanite
19-Tanzanite
October 11, 2024

If you try to remove the comment in the IDE.JS, the one you added in the line with logarithmic, does it work?

S
SV_117741617-BedrockAuthor
7-Bedrock
October 20, 2024

Thankyou VladimirRosu for the reply.

Removing the comment didn't help, Looks like there was an error with d3.scalelog() so the chart was not appearing. After changing it to d3.scale.log() (referring from the library) chart appeared.

 

Sorry for the late response, I  just wanted to make sure I had done some workaround before getting back to you.

But, still didn't get the logarithmic scale as expected. I am trying to the achieve the scale as shown in the attachment (Expected

.PNG) but the result I get is (Result.PNG). Any help to achieve the expected result?

C
Constantine18-Opal
18-Opal
October 23, 2024

My 2 cents --

  1. Try to exclude 0 from your domain (log(0) is undefined),
  2. Reverse the range to [0, 700],
  3. I saw some people add .nice() to the scale. I have no idea what it does exactly, but won't hurt to try, i.e. range(...).nice()

/ Constantine

Terms & ConditionsCookie settingsAccessibility statement