Structure for using precomputed data in boxplot chart via props. about chartjs-chart-boxplot HOT 4 CLOSED

the example shows different variants to show four boxplots. Each of the variants will show a boxplot.

I played a bit with your code sandbox: https://codesandbox.io/s/boxplot-chartjs-vue-3-with-specific-datastructure-forked-lqlgpb?file=/src/components/BoxPlotChart.vue

from chartjs-chart-boxplot.

1. Why are two boxplots rendering, but the outliers are only on one of them? I've been messing around with this codesandbox for a little bit and I can't really tell why there would be two charts.

you configured two, the first one was the raw values, the second the given boxplot values. I just added to "something", "something else" that you can see both.

max: Math.max(
Number(props.data.plot_info.max)
Number(props.data.anomaly_data.pt1.value),
Number(props.data.anomaly_data.pt2.value)
),

didn't seem like that "max" is really the maximum value considering the outliers. As you mentioned, the effect is that the scale doesn't go till the outliers.

from chartjs-chart-boxplot.

This is great! I didn't expect you to edit the codesandbox, but thank you so much for that!
I see there was some trouble with the tooltip, btu that's okay, I can figure that out!

I have a couple clarification questions if you don't mind:

1. Why are two boxplots rendering, but the outliers are only on one of them? I've been messing around with this codesandbox for a little bit and I can't really tell why there would be two charts.

2. For both min and max why do you use this syntax?

max: Math.max(
                Number(props.data.plot_info.max)
                Number(props.data.anomaly_data.pt1.value),
                Number(props.data.anomaly_data.pt2.value)
              ),

I see that if I take out the pt1 and pt2 lines, the chart get cut off at the top and bottom, but other than that, it stays the same I believe. Are the min and max values from the data not enough there? Doesn't putting the outlier pt1 and pt2 values in there mess with min and max? Just unsure of the purpose for all three values in min and max.

But seriously though, this library has been a huge help to me and your quick responses are much appreciated! Thank you so much!

from chartjs-chart-boxplot.

Ahhhh, yeah. So I talked with my backend dev and he was saying that the real_value is all of the data points that they have and that they're doing the conversion on the backend themselves; even though your library does the conversions as well. Thanks for that heads up!

The data that I am working with is just dummy data apparently and even I wondered why they seemed so off.

Either way, this has been a massive help for me. I wish I would've asked you sooner about these boxplots because you taught me more about them in my last post and this one than any of the engineers I work with 😅

Thanks again for the quick and brilliant responses and the wonderful library!

from chartjs-chart-boxplot.