1. 程式人生 > >HighCharts設定圖表背景透明

HighCharts設定圖表背景透明

其實就一句話:

 backgroundColor: 'rgba(0,0,0,0)'

完整示例:

複製程式碼
$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column',
                backgroundColor: 'rgba(0,0,0,0)'
            },
            title: {
                text: 'Stacked column chart'
            },
            xAxis: {
                categories: [
'Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }, yAxis: { min: 0, title: { text: 'Total fruit consumption' }, stackLabels: { enabled: true, style: { fontWeight:
'bold', color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' } } }, legend: { align: 'right', x: -70, verticalAlign: 'top', y: 20, floating:
true, backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white', borderColor: '#CCC', borderWidth: 1, shadow: false }, tooltip: { formatter: function() { return '<b>'+ this.x +'</b><br/>'+ this.series.name +': '+ this.y +'<br/>'+ 'Total: '+ this.point.stackTotal; } }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' } } }, series: [{ name: 'John', data: [5, 3, 4, 7, 2] }, { name: 'Jane', data: [2, 2, 3, 2, 1] }, { name: 'Joe', data: [3, 4, 4, 2, 5] }] }); });
複製程式碼

還有另外一個屬性,plotBackgroundColor: null

這個屬性的意思是指圖表部分,不含標題、說明資訊,x軸y軸上的提示資訊等部分的背景色,例如:

相關推薦

HighCharts設定圖表背景透明

其實就一句話:  backgroundColor: 'rgba(0,0,0,0)' 完整示例: $(function () { $('#container').highcharts({ chart: { type: 'col

設定div背景透明兩種方法

css設定div背景透明有兩種方法:第一種使用opacity:0~1,這個方法有個缺點,就是內容也會跟著透明;第二種方法就是background-color:rgba(0,0,0,0~1),使用這個方法就只會設定div背景透明,而不會影響到div裡的內容。 說明一下back

android在滑動控制元件過程中動態設定view背景透明的問題

2、在網上找了資料才知道,在佈局中多個控制元件同時使用一個資源的時候,這些控制元件會共用一個狀態,例如ColorState,如果你改變了一個控制元件的狀態,其他的控制元件都會接收到相同的通知。這時我們可以使用mutate()方法使該控制元件狀態不定,這樣不定狀態的控制元件就不會共享自己的狀態了。

設定視窗背景透明

 SetWindowLong(GetSafeHwnd(),GWL_EXSTYLE,GetWindowLong(GetSafeHwnd(),GWL_EXSTYLE)|0x80000);  typedef BOOL (WINAPI *FSetLayeredWindowAttr

【c#】關於設定RichTextBox背景透明+無游標只讀狀態

今天在設定一個軟體的RichTextBox的時候,需要一個背景透明,不可編輯的文字展示框,而且還要向文字框中不停地追加資料,所以我選擇修改winform自帶的richtextbox元件。 首先,我們先新建一個自定義元件,繼承與RichTextBox,在建構函式中新增雙緩衝避

IE下如何設定iframe背景透明

首先:在iframe標籤中加入 allowtransparency="true"屬性然後:在呼叫的頁面的<body>標籤里加入style="background:transparent;" 示例:<iframe allowtransparency="ture

Windows程式設計裡,怎樣設定視窗背景透明

就是在case WM_CREATE :下加 SetWindowLong(hwnd,GWL_EXSTYLE,GetWindowLong(hwnd,GWL_EXSTYLE)|WS_EX_LAYERED); SetLayeredWindowAttributes(hwnd, 0,200,LWA_ALPHA)

MFC控制元件背景透明設定

這種方法只適用於下面這些控制元件 CTLCOLOR_BTN   Button control CTLCOLOR_DLG   Dialog box CTLCOLOR_EDIT   Edit control CTLCOLOR_LISTBOX   List-box cont

activity設定背景透明及遇到的坑

<style name="MyDialogStyleBottom" parent="Theme.AppCompat.Light.NoActionBar" > <item

iframe設定無邊框背景透明

一般我們設定iframe無邊框背景透明程式碼如下: <iframe style="border:0;background:none;"></iframe> 現代瀏覽器如chome,firefox用上述程式碼即可實現,當

ie7、8設定iframe無邊框背景透明

一般我們設定iframe無邊框背景透明程式碼如下: <iframe style="border:0;background:none;"></iframe> 現代瀏覽器如chome,firefox用上述程式碼即可實現,當

Qt中設定QML窗體無邊框和背景透明

主要程式碼在(main()函式中)如下: //設定窗體無邊框 view.setWindowFlags(Qt::FramelessWindowHint); //設定整個窗體背景為透明 view.setAttribute(Qt::WA_TranslucentBac

Android 首頁當ScrollView向上滑動時,設定標題欄的背景透明變化

頁面整個佈局大體上是ScrollView裡面包含了一個ImageView和RecyclerView,所以先得到ImageView的高度,當ScrollView向上滑動時,設定標題欄的背景色、文字顏色,當超過ImageView的高度時,設定其背景為白色,字型為黑色。 重寫ScrollV

mfc 編輯框背景透明設定

前幾天和風在這裡討論關於CEdit控制元件的透明問題。主要的目的就是要做一個有圖形背景的Edit控制元件,經過一番努,終於做出了一個還算象樣的Edit控制元件。 做一個透明的Edit控制元件的主要問題是字元的輸出,在Edit裡輸出的重新整理有幾個時機,一個是在接收到鍵盤或

Android設定窗體Activity背景透明

背景透明 style.xml <item name="android:windowBackground">@color/transparent</item>

android 自定義Dialog背景透明及顯示位置設定(轉載)

<?xml version="1.0" encoding="utf-8"?><LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"  android:orientation="vertical"  a

Dialog設定背景透明無效,在安卓5.0系統上無效解決方法!

困擾了大半天的一個問題,寫一個關閉按鈕突出的dialog,在eclipse上面寫的Demo,然後執行在魅族,紅米,華為手機上都沒問題,都能正常的突出按鈕(其中魅族手機和華為手機都是5.0以上的系統),

IOS讓標題欄背景透明設定左右baritem

//標題欄背景透明 +(void)setNavigationBarTranslucent:(UIViewController*)vc{ [vc.navigationController.navigationBarsetBackgroundImage:[UIImagenew]

android webview 設定背景透明

android WebView 設定背景色為透明色 在網上找了好多的方法都試過了都不行 1.直接設定成background 為透明色或者透明圖片(無效) android:background="@android:color/transparent" 2.設

UIKit和Cocos2d-x的整合使用;設定CCEAGLView背景透明,來顯示背後的UIView; 以及整合中遇到的問題的解決方案

UIKit和Cocos2d-x的整合使用 原來我們的專案通過原始的UIKit來實現應用開發,但是現在需要往應用中增加禮物特效動畫,而禮物特效需要通過cocos2d-x來實現。晚上的方法大多都是通過建立初始的cocos2d工程,再在工程中增加UIKit的實現。最著名的介紹這個