Topic-icon Disable default font for charts

  • Marc Diez
  • Marc Diez's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
10 Dec 2018 10:17 #6570

Hi Daniel,

I found a solution, by simply using this CSS I was able to override the font in charts.

text {
	font-family: 'Poppins', sans-serif;
}

Thx!

Please Log in or Create an account to join the conversation.

More
07 Dec 2018 13:47 #6566

All the formatting options including font family/style are there under Formatting Section on Add/Edit Chart page. Please check...


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Marc Diez
  • Marc Diez's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
07 Dec 2018 10:56 #6563

Well, I'd like all the text on the charts to be my template font. I'm using stacked charts and pie charts.

I've attached a sample of how I want it, manually made with the dev tools on Firefox by leaving blank the "font-family" attribute on <text> tags.

Attachments:
Last edit: 07 Dec 2018 10:57 by Marc Diez.

Please Log in or Create an account to join the conversation.

More
07 Dec 2018 10:39 #6562

I meant where do you want to apply the mentioned font. On the legend, X Axis, Y Axis?


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Marc Diez
  • Marc Diez's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
07 Dec 2018 09:49 #6561

I'd like to use Poppins .

Thx!

Please Log in or Create an account to join the conversation.

More
07 Dec 2018 09:12 #6560

Hi,
Please let me know which particular text you want to change the font for?


Thanks
Daniel

Please Log in or Create an account to join the conversation.

  • Marc Diez
  • Marc Diez's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
07 Dec 2018 07:52 #6559

Hi, I've just installed vChart and been testing it for a couple of days.

I'd want to use my template's default Google font, but I see that both font-family and font-size is hardcoded into each parameter:

<text text-anchor="middle" x="520.3333333333333" y="281.9" font-family="Arial" font-size="14" stroke="none" stroke-width="0" fill="#222222">June</text>

Is there any way to disable this?

Please Log in or Create an account to join the conversation.

Cron Job Starts