topic Re: Bar chart customization in Vuforia Studio

Bar chart customization

KlemenM — Fri, 22 Jul 2022 11:04:09 GMT

Hi,

I want to change the thickness and color of the bars in the bar chart widget in the vuforia studio. I can't find a way to do this.

The only options that I found are this:

Chart.defaults.global.legend.position="bottom";
Chart.defaults.global.legend.labels.fontColor="#912f46";
Chart.defaults.global.defaultFontColor="#00acc8";
Chart.defaults.global.defaultFontSize=20;
Chart.defaults.global.title.display=true;

http://support.ptc.com/help/vuforia/studio/en/index.html#page/Studio_Help_Center/WidgetBarChart.html

Can I change any other options inside of the bar chart and how?

Re: Bar chart customization

RolandRaytchev — Tue, 26 Jul 2022 08:47:52 GMT

Hi @KlemenM ,

I think this widget is based on Chart.js so possibly you can check this link

https://www.chartjs.org/docs/latest/charts/bar.html

so example when check the first setting in http://support.ptc.com/help/vuforia/studio/en/index.html#page/Studio_Help_Center/WidgetBarChart.html

e.g.

Chart.defaults.global.legend.position="bottom";

we can then look on

https://www.chartjs.org/docs/latest/configuration/legend.html

and

https://www.chartjs.org/docs/latest/configuration/legend.html#position

and for the line properties you can check https://www.chartjs.org/docs/latest/configuration/elements.html#line-configuration

Re: Bar chart customization

KlemenM — Wed, 24 Aug 2022 08:07:42 GMT

Hi @RolandRaytchev,

I tried a couple of cases but no luck. For example:

Chart.defaults.elements.bar.borderWidth=2;