使用百度echarts製作視覺化大屏
{
//環形進度條設定物件
option_Progress={
title : {
text: '目前進度',
subtext: '50%',
x: 'center',
y: 90,
itemGap: 10,
textStyle : {
color : '#B7E1FF',
fontWeight: 'normal',
fontFamily : '微軟雅黑',
fontSize : 24
},
subtextStyle:{
color: '#B7E1FF',
fontWeight: 'bolder',
fontSize:24,
fontFamily : '微軟雅黑'
}
},
series : [{
type : 'pie',
center : ['50%', '50%'],
radius : [75,90],
x: '0%',
tooltip:{show:false},
data : [{
name:'達成率',
value:79,
itemStyle:{color :'rgba(0,153,255,0.8)'},
hoverAnimation: false,
label : {
show : false,
position : 'center',
textStyle: {
fontFamily:'微軟雅黑',
fontWeight: 'bolder',
color:'#B7E1FF',
fontSize:24
}
},
labelLine : {
show : false
}
},
{
name:'79%',
value:21,
itemStyle:{color: 'rgba(0,153,255,0.1)'},
hoverAnimation: false,
label : {
show : false,
position : 'center',
padding:20,
textStyle: {
fontFamily:'微軟雅黑',
fontSize: 24,
color:'#B7E1FF'
}
},
labelLine : {
show : false
}
}]
},
{
type : 'pie',
center : ['50%', '50%'],
radius : [95,100],
x: '0%',
hoverAnimation: false,
data : [{
value:100,
itemStyle:{color :'rgba(0,153,255,0.3)'},
label : {show : false},
labelLine : {show : false}
}]
},
{
type : 'pie',
center : ['50%', '50%'],
radius : [69,70],
x: '0%',
hoverAnimation: false,
data : [{
value:100,
itemStyle:{color :'rgba(0,153,255,0.3)'},
label : {show : false},
labelLine : {show : false}
}]
}]
};
//年儀表盤
y_gauge1 = echarts.init(document.getElementById('y_gauge1'));
相關推薦
使用百度echarts製作視覺化大屏——加入地圖
var geoCoordMap = { '上海': [121.4648,31.2891], '東莞': [113.8953,22.901], '東營': [118.7073,37.5513], '中山': [113.4229,22.478], '臨汾': [111.4783,36
使用百度echarts製作視覺化大屏
$(document).ready(function (){//環形進度條設定物件option_Progress={title : {text: '目前進度',subtext: '50%',x: 'center',y: 90,itemGap: 10,textStyle : {color : '#B7E1FF'
使用百度echarts製作視覺化大屏——製作一個雙層餅圖
實現一個兩層巢狀的環形圖，展示三個分類下各個品牌車輛的市場貢獻度。先看一下最終效果。主要程式碼如下：//產品餅圖元件和屬性var productPie=null;var productPie_option=null;$(document).ready(function (){
在 Soui 中嵌入 MiniBlink 初體驗(一)：支援百度 ECharts 開源視覺化庫顯示
一、引言 最近在工作中遇到了這麼一個需求： 產品想要讓我們的桌面客戶端中顯示覆雜的圖表，類似下圖所示的樣子（圖片來自網路），不排除後期會增加更多複雜圖示的可能性，因此我們需要考慮如何實現這種需求，並能夠支援其需求的擴充套件性 那麼，看到這個需求
告訴你如何免費迅速的（5分鐘）製作視覺化大屏
現在我們看新聞總是能看到這樣的視覺化大屏 其實這個是可以免費，並且迅速製作的(當然不付費，某些功能是不能用的) 開始製作 我們可以下載一些免費版的大屏製作軟體 安裝之後點開設計器 就是這樣的↓ 我們做視覺化大屏是用決策報表↓ 連結資料庫程式比較多，我做了幾個本
使用DataV製作實時銷售資料視覺化大屏
開發十年，就只剩下這套架構體系了！ >>>
如何做出優美的視覺化大屏
作為一個 BI 行業人，我們對 DashBaord，領導駕駛艙，儀表盤等概念都非常熟悉，然而忽如一夜春風來，客戶都用起大屏來 大屏視覺化需求，從 2015 年 2016 年，突然之間就成了 BI 專案，資料視覺化專案需求列表的中的常見需求項，那什麼是大屏呢，和我們原先的 DashBaord，有什麼區別呢
不懂程式碼也能做出酷炫視覺化大屏
最近在做一個數據視覺化大屏專案，從指標設計、視覺設計、視覺化動效到大屏硬體、開發工具整個流程，總結了一些經驗和觀點，想和大家分享。 大屏製作工具 大屏的製作，可以用程式碼開發或現成的視覺化工具來實現。 用的比較多的就是JS+Ecahrts，但資料量支撐、後臺響應、實時更新、平臺運維等應該還要呼叫更多的技
政務大資料視覺化大屏
1 前言 這次的視覺化大屏是前段時間的一個專案的demo，藉此機會總結一下。 2 簡介 本專案主要基於百度的Echarts框架實現資料的視覺化，主要包括餅狀圖、柱狀圖、折線圖、資訊輪播等，背景為黑色，並且css的樣式中做了三個寬度的樣式做到對寬度的自適應。下面是大屏的展示圖：
10款視覺化大屏特效，酷炫又內涵！
關於視覺化資料大屏，之前已經講了好多好多了，從大屏設計規範到大屏製作技巧、學習視訊等等，我們做了很多的經驗分享。 但還遠遠不夠，使用者始終在提出更高的要求，其中最重要的一點便是“更酷炫”。 但這裡涉及到兩方面難題： 一是諸如“好看”、“酷炫”這樣的形容詞，本身是很難定義清楚其範疇的，畢竟
Qt編寫資料視覺化大屏介面電子看板1-佈局方案
一、前言 佈局方案在整個資料視覺化大屏介面電子看板系統中，是除了基礎功能以外的核心功能之一，只有具備了佈局方案這個功能，才能讓使用
Qt編寫資料視覺化大屏介面電子看板2-配色方案
一、前言 做完整個資料視覺化大屏介面電子看板系統後，為了提升點逼格，需要提供好幾套預設的風格樣式以供選擇，這樣使用者可以選擇自己喜
Qt編寫資料視覺化大屏介面電子看板3-新建佈局
一、前言 能夠新建佈局，也是資料視覺化大屏介面電子看板系統中的必備功能之一，新建佈局這樣的功能一般做到右鍵選單中，單擊新建佈局選單
Qt編寫資料視覺化大屏介面電子看板7-窗體浮動
一、前言 窗體浮動的場景也比較多，用途也比較大，比如視訊監控模組，有時候需要調整大小和位置，而不是作為dock嵌入到佈局中，一旦嵌
Qt編寫資料視覺化大屏介面電子看板8-調整間距
一、前言 在資料視覺化大屏介面電子看板系統中，前期為了使用目標客戶機，調整間距是必不可少的工作，QMainWindow中的QDoc
Qt編寫資料視覺化大屏介面電子看板9-曲線效果
一、前言 為了編寫資料視覺化大屏介面電子看板系統，為了能夠相容Qt4和嵌入式linux系統，尤其是那種主頻很低的，但是老闆又需要在
Qt編寫資料視覺化大屏介面電子看板11-自定義控制元件
一、前言 說到自定義控制元件，我是感覺特別熟悉的幾個字，本人親自原創的自定義控制元件超過110個，都是來自各個行業的具體應用真實需
手把手教你做酷炫的資料視覺化大屏，零基礎的你僅需6步
今年視覺化大屏又被大家推上了熱搜，什麼500強企業分析大屏、指揮中心大屏、大屏視覺化分析等
令人驚歎的百度Echarts，大資料分析的必備工具，文末有原始碼提供
學習目錄 1.視覺化面板介紹 1.1技術要點 1.2案例適配方案 1.3頁面主體佈局2.Echarts（重點） 2.1echarts介紹 &nbs
使用百度echarts畫圖表的步驟
.com 百度echarts 一個 銷量 too option pan htm img 1.百度echarts是一個很好用的圖表工具，可以將一些數據很形象直觀的展示出來，下面看一下簡單的使用。 2.首先引用echarts.js 具體文檔可以參考官網： http://ech