[OGUI-1819] JSROOT force redraw with key and fix stat drawing options passing (#3215)

- Fix bug in which stat drawing option was incorrectly passed
- Correctly pass drawing options to draw method
- Foce redraw by key due to JSROOT redraw issue

Author: graduta

QualityControl/public/layout/view/page.js

@@ -140,7 +140,10 @@ function subcanvasView(model) {
  * @returns {vnode} - virtual node element
  */
 function chartView(model, tabObject) {
-  const key = `key${tabObject.id}`;
+  // Changing the key will force redraw of the whole component including jsroot
+  // This is currently a patch workaround for ensuring a change of drawing option also
+  // redraw the jsroot plot, because sometimes jsroot do not redraw well on option changes only.
+  const key = `key${tabObject.id + tabObject.options.length}`;
 
   // Position and size are produced by GridList in the model
   const style = {
@@ -194,7 +197,7 @@ function chartView(model, tabObject) {
  */
 const drawComponent = (model, tabObject) => {
   const { displayTimestamp = false } = model.layout.item;
-  const { name } = tabObject;
+  const { name, options: drawingOptions = [] } = tabObject;
   const lastModified = model.object.getLastModifiedByName(name);
   const runNumber = model.object.getRunNumberByName(name);
 
@@ -207,7 +210,7 @@ const drawComponent = (model, tabObject) => {
         display: 'flex',
         'flex-direction': 'column',
       },
-    }, draw(model.object, tabObject.name)),
+    }, draw(model.object, name, {}, drawingOptions)),
     objectInfoResizePanel(model, tabObject),
     displayTimestamp && minimalObjectInfo(runNumber, lastModified),
   ]);

QualityControl/public/object/objectTreePage.js

@@ -121,7 +121,7 @@ const drawPlot = (model, object) => {
         iconCircleX(),
       ),
     ]),
-    h('', { style: 'height:77%;' }, draw(model.object, name, { stat: true })),
+    h('', { style: 'height:77%;' }, draw(model.object, name, { }, ['stat'])),
     h('.scroll-y', {}, [
       h('.w-100.flex-row', { style: 'justify-content: center' }, h('.w-80', timestampSelectForm(model))),
       qcObjectInfoPanel(object, { 'font-size': '.875rem;' }, defaultRowAttributes(model.notification)),