Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
Juggernaut

C3 chart backgroundin Webviewer

Featured Replies

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>
  5. <body bgcolor=#FFCC00; style='margin-top:0px; margin-left:0px; overflow:hidden;'>
  6. <div id='chart'></div>
  7. <script>
  8. ¶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 

 
  •  
  • Author

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

  • Author
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

Important Information

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.