Cannot Draw Grouped Bars (Plugin)

[riccardostokker]

Hello,

Thanks for the amazing library. I've been using it for time series and it's a blast. Now I've moved on to grouped bar plots and I'm having some trouble.

I'm trying to use the groupedBarsPlugin as shown in the demos, but I am having some trouble as can be seen in the image below.

I have copied over and adapted the code from the examples online. I tried to migrate it to TypeScript to make it compatible with my project. These results are reported below.

I have a couple questions related to the code:

• Would it be possible to include these plugins inside the npm package so that we could use them in a plug and play fashion?
• Is there any obvious reason that the bars are not gettign drawn in my plot?

Plot Opts and Instantiation

    // Define Plot Options
    const opts = {
      title: undefined,
      id: props.specification.metadata.uuid || "time-series-plot",
      class: props.specification.metadata.uuid || "grouped-bar-series-plot",
      width: 0,
      height: 0,
      series: series,
      axes: axes,
      plugins: [
        seriesBarsPlugin({
          radius: 0.3,
          ori: 0,
          dir: 1,
        }),
      ],
    };

    // Create new plot instance
    plotInstance.value = new uPlot(opts, data, plotRef.value);

[leeoniya]

sorry, i'm not going to review a ton of code snippets.

if you attach your data and a mock-up of what you want the result to look like, then i can probably help.

[riccardostokker]

Fair enough, I'll remove them. It was too big of a wall of text but I thought I would add all the context possible.

let series =  [{label: "Circuit Label"}, {label: "frequency"}, {label: "coil_radius"}];
let data = [["torilux::op_0::conf_0", "torilux::op_0::conf_1"], [100000, 500000], [0.02, 0.02]]

The numbers and scales seem to be correct, it's just that no bar is being drawn. I'm trying to replicate the demo grouped bar example.

[leeoniya]

thanks, i'll take a look later today