cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about PTC Community Badges. Engage with PTC and see how many you can earn! X

Bar chart customization

KlemenM
10-Marble

Bar chart customization

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?

 

2 REPLIES 2

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

 

Hi @RolandRaytchev,

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

 

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

 

 

 

 

 

 

Announcements

Top Tags