[REACT] To display an html chart in the tbar

[umeshaithu]

Hey support,

I have to display a bar chart in the tbar of the grid

 tbar: [
        {
          type: 'container',
          style: 'margin-top:auto',
          width: 'min-content',
          items: [
           {
              style: 'margin-left:auto', 
              html: (
                <BarChart
                  series={[
                    { data: [35, 44, 24, 34] },
                    { data: [51, 6, 49, 30] },
                    { data: [15, 25, 30, 50] },
                    { data: [60, 50, 15, 25] },
                  ]}
                  height={290}
                  xAxis={[{ data: ['Q1', 'Q2', 'Q3', 'Q4'], scaleType: 'band' }]}
                  margin={{ top: 10, bottom: 30, left: 40, right: 10 }}
                />
              ),
            },
          ]
        }
      ]
 

But the above is not rendering the chart in my UI. What could be the reason?

[tasnim]

Hi,

Please check this reply viewtopic.php?p=141834#p141834