整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          Node-RED教程 – 48 – 各種儀表

          Node-RED教程 – 48 – 各種儀表

          能:

          • UI界面
          • 儀表盤

          Node-RED界面:

          UI界面:

          資源地址:han-link.cn/4941.html

          #妙筆生花創(chuàng)作挑戰(zhàn)#

          篇文章主要介紹如何利用python繪制儀表盤圖形。

          python

          1 開發(fā)環(huán)境

          • python 3.6.6
          • pyecharts 1.4.0
          • pycharm 2018.3.2

          2 pyecharts的安裝

          pip 安裝

          $ pip install pyecharts
          

          源碼安裝

          $ git clone https://github.com/pyecharts/pyecharts.git
          $ cd pyecharts
          $ pip install -r requirements.txt
          $ python setup.py install
          # 或者執(zhí)行 python install.py
          

          3 利用pyecharts繪制儀表盤圖

          先利用pycharm新建一個項目,再在該項目目錄下新建一個py文件。我們首先新建一個py項目的目的是便于我們所建py文件的管理分類。

          1) 導入所需模塊

          pyecharts 1.4,0版本中,儀表盤圖在charts模塊下,我們導入我們所需的儀表盤模塊Gague,同時為了在便于我們對我們所建的儀表盤圖對象進行設置編輯,我們還需要導入全局設置模塊options,在這里,我們給該模塊取了一個別名opts。

          from pyecharts import options as opts
          from pyecharts.charts import Gauge
          

          2) 定義樣例儀表盤圖對象

          下面的代碼中,.add()表示設置儀表盤對象Gague()的儀表盤樣式,.set_global_opts表示設置圖標全局樣式。在定義好儀表盤參數(shù)后,我們得到一個儀表盤對象Gague。

          def gague_demo() -> Gauge:
           # 定義儀表盤參數(shù),返回一個儀表盤對象Gague
           c=(
           Gauge()
           .add(
           # 系列名稱,用于 tooltip 的顯示,legend 的圖例篩選。
           '業(yè)務指標',
           # 系列數(shù)據(jù)項,格式為 [(key1, value1), (key2, value2)]
           [('完成率', 66.6)],
           # 是否選中圖例
           is_selected=True,
           # 最小的數(shù)據(jù)值
           min_=0,
           # 最大的數(shù)據(jù)值
           max_=100,
           # 儀表盤平均分割段數(shù)
           split_number=10,
           # 儀表盤軸線樣式設置,這里設置了三種樣色,設置比例點分別為0.3/0.7和1
           # 軸線寬度為32
           axisline_opts=opts.AxisLineOpts(
           linestyle_opts=opts.LineStyleOpts(
           color=[(0.3, '#67e0e3'), (0.7, '#37a2da'), (1, '#fd666d')], width=32
           )
           ),
           label_opts=opts.LabelOpts(formatter='{value}'),
           )
           .set_global_opts(
           # 標題配置項——儀表盤的示例
           title_opts=opts.TitleOpts(title='儀表盤的示例'),
           # 圖例配置項,顯示圖例組件
           legend_opts=opts.LegendOpts(is_show=True),
           # 顯示工具箱配置項目,水平排列
           toolbox_opts=opts.ToolboxOpts(is_show=True, orient="horizontal")
           )
           )
           return c
          

          3) 調(diào)用定義好參數(shù)的儀表盤對象,生成圖表

          # 調(diào)用定義好參數(shù)的儀表盤對象
          gague=gague_demo()
          # 生成具有互動效果的html網(wǎng)頁,在網(wǎng)頁你可以下載該儀表盤圖表
          gague.render('./html/gague.html')
          

          4 查看效果

          在你的項目文件夾下的html文件夾下,打開gague.html文件,可以看到下面效果

          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          至此,利用python打造儀表盤圖表完成。

          關注小編,轉(zhuǎn)發(fā)評論本篇文章,免費贈送python學習資料,絕不套路

          接下來我會大家?guī)硗暾膒ython爬蟲項目教程和利用python-django打造教育網(wǎng)站項目的教程,希望大家多多關注、點贊小編,給小編一點動力!謝謝大家!

          文將為大家總結下DevExtreme在v23.1版本中發(fā)布的一些與圖表和儀表盤相關的功能。

          DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現(xiàn)代Web開發(fā)堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。

          DevExtreme跨平臺開發(fā)框架 - DevExpress控件中文網(wǎng)

          圖表 - 顏色梯度和模式

          在v23.1中,您現(xiàn)在可以自定義樣式并將漸變、模式和圖像應用到圖表中。

          要聲明線性和徑向梯度樣式,請使用registerGradient()方法。這個方法返回一個唯一的ID,可以在系列/點/面板顏色對象中使用。

          在本例中,圖表面板使用線性梯度著色。

          對于圖案和圖像樣式,使用registerPattern()方法。


          主站蜘蛛池模板: 国产丝袜视频一区二区三区 | 久久精品国产免费一区| 国产伦精品一区二区三区视频金莲| 欧亚精品一区三区免费| 一区二区三区高清| 日本免费精品一区二区三区| 国产免费播放一区二区| 亚洲综合在线成人一区| 欧洲精品码一区二区三区| av无码人妻一区二区三区牛牛| 精品国产免费观看一区| 肉色超薄丝袜脚交一区二区| 亚洲日本一区二区三区在线| 精品国产一区二区三区久久影院| 成人免费区一区二区三区| 精品视频一区二区| 色窝窝免费一区二区三区| 日韩精品成人一区二区三区| 国产成人精品a视频一区| 色一乱一伦一区一直爽| 无码人妻aⅴ一区二区三区有奶水| 亚洲区精品久久一区二区三区| 无码人妻精品一区二区蜜桃百度| 精品日韩亚洲AV无码一区二区三区| 精品综合一区二区三区| AV天堂午夜精品一区二区三区| 精品国产一区二区三区四区 | 爆乳熟妇一区二区三区霸乳| 国产精品免费综合一区视频| 一区二区三区在线免费| 黑人一区二区三区中文字幕| 丝袜人妻一区二区三区网站| 日韩精品无码一区二区三区 | 中文字幕色AV一区二区三区| 国产精品久久久久一区二区三区 | 一区二区不卡久久精品| 国产无线乱码一区二三区| 亚洲乱码国产一区网址| 国产午夜精品一区二区三区嫩草| 最美女人体内射精一区二区| 日韩一区二区在线播放|