Jump to content
Claris Engage 2025 - March 25-26 Austin Texas ×

C3 chart backgroundin Webviewer

Clayton King
 Share

Recommended Posts

Clayton King Explorer

Clayton King

Posted
Posted

I have a C3 pie chart created from my data and showing in a web viewer. 

I've been attempting to create a chart with my data. Thankfully, on another post, a user came up with a helpful method which has allowed me to create a scaleable pie chart. Now I'm trying to adjust the background. I understand on Windows it is not possible to create a transparent background, so my second choice was to use the background color of the layout so that it appeared transparent. However, I'm getting what I think is odd results.

 

The following screen grabs show different colors specified in the webviewer code. Any ideas?

 

  1. <GetLayoutObjectAttribute ( \"c3-eb4b9be8.css\"; \"content\" )>
  2. <script src='https://c3js.org/js/d3-5.8.2.min-c5268e33.js'></script>
  3. <script src='https://c3js.org/js/c3.min-d2a1f852.js'></script>
  4. </head>
  6. <body bgcolor=#FFCC00; style='margin-top:0px; margin-left:0px; overflow:hidden;'>
  8. <div id='chart'></div>
  10. <script>
  11. ¶var chart = c3.generate({

In the <body bgcolor= selector, I've specified black, #FF0800, #FFCC00, all with results that are not the colors specified.

 

this one should be the same color as the yellow slice

Chart-FFCC00

This one should be red (FF0800)

chart-FF0800

This one should be black

chart-black

This is should be the same light blue as the layout navigation pane (47CCFC).

chart-47CCFC 

 
  •  
Clayton King Explorer

Clayton King

Posted
  • Author
Posted

Sorry about that. Didn't realize I did that.

Clayton King Explorer

Clayton King

Posted
  • Author
Posted
Quote

 

Sorry-I misunderstood your first cross-post police comment. I thought I did this in the same forum. I intentionally asked people in another forum on another site for advice on the same issue, hoping to gain more insight into my problem. 

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.

  I accept