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的實現。最著名的介紹這個