How to create OEE bridge view

[JK_10565232]

Hello All.

I really would like to have view like OEE Bridge. 

I was trying to use Waterfall widget but finall resuld doesn t looks like OEE bridge. 

Can I find any custom widget to handle this problem?

I would like have something like this

 but I have like this one

I set up Total like ShowTotal : true and Effecitve time looks like that:

Category: 'Effective Time', // STRING
Amount: undefined ,
ShowTotal: false// STRING

[PEHOWE]

Hello @JK_10565232 ,

Can you provide a little more information on what you are trying to accomplish?
 

What version of ThingWorx are you using? This could affect any answer which is provided.
Are there any additional PTC products installed in this environment? Some products add additional widgets.

Your sample diagram has more data columns than the ThingWorx version. You also seem to be using different axis values.

Regards,

pehowe

[JK_10565232]

Hello Pehowe.

Thank you for your answer.

I am using different axis values?

My output data shape has two columns Category as the X axis and values ​​in percentage for that category.

I am using only one axis Y and X. I have TWX 9.3. There is nothing else installed on this environment except the basic TWX 9.3.

The pictures are just for example.

I would like it to look like I have total as 100% and the rest of the values ​​show how much of that 100% was used by which category.

[PEHOWE]

Hello @JK_10565232 ,
I took a look at the issue and created my own test data. There are some problems but is this what you are going for?

Here is the test data I was providing:
const InputData = new Array(
   ["Availble", 1200, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false], 
   ["Planned Non", -210, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false],
   ["Unscheduled", -110, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false], 
   ["Scheduled",    null,  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false],    
   ["Breakdown",   -36, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false], 
   ["ChangeOver",  -70, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false],
   ["Available Run", null, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false],
   ["Reduced",        -25,  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false],
   ["Stopages",       -35,  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false] ,
   ["Used",    null, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false],
   ["OutOFSpec", -55, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false], 
  ["EffectiveProduction", null, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, false, false] 
);

Let me know

Regards
Pehowe

[VladimirRosu]

Beware that it will not be possible always to have an 100% identical view to what you pasted in the original post.

You should approach it in the following way:

1. Perform a gap analysis and see if you can bypass it by creatively using the standard platform widgets and displaying the data differently. It's really important to make a correct analysis (make really sure you're using all of a widget capabilities), as @PEHOWE is doing.
2. If you need 100% identical view, you will need to create a custom widget (Help Center link here). Note that this involved client-side Javascript knowledge which typically is not that observed in projects. For example I am familiar with widget building, but each time when the situation asks for this I try really hard to tweak the requirements to choose option 1 (it's just more work).

[PEHOWE]

Hello @JK_10565232 ,
I took another try at the chart. Here is what I have. Let me know if you have any questions