devbox
我家自动化
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

PyQt 调用pyecharts_pyecharts pyqt

作者：我家自动化 | 2024-05-15 00:41:34

赞

踩

pyecharts pyqt

方法一

用Qt QWebEngineView 加载本地  html文件，可用于展示静态数据。

  1. from pyecharts import Geo    
  2. from PyQt5.QtCore import QUrl
  3. from PyQt5.QtWidgets import QApplication,QWidget,QHBoxLayout,QFrame
  4. from PyQt5.QtWebEngineWidgets import QWebEngineView
  5. import sys
  6.  
  7. class Stacked(QWidget):
  8.     def __init__(self):
  9.         super(Stacked, self).__init__()
  10.         self.initData()
  11.         self.initUI()
  12.         self.mainLayout()
  13.  
  14.     def initUI(self):
  15.         self.setGeometry(400,400,800,600)
  16.         self.setWindowTitle(" ")
  17.         
  18.     def initData(self):
  19.         list_city_name=["100，30-1","130，40-2"]
  20.         list_num = [["value1","value2"],["value3"]]
  21.         geo_cities_coords = {"100，30-1":[100,30],"130，40-2":[130,40]}
  22.  
  23.         geo = Geo("Geo 实例")
  24.         geo.add("",list_city_name, list_num, geo_cities_coords=geo_cities_coords)
  25.         geo.render() #生成html文件
  26.  
  27.     def mainLayout(self):
  28.         self.mainhboxLayout = QHBoxLayout(self)
  29.         self.frame = QFrame(self)
  30.         self.mainhboxLayout.addWidget(self.frame)
  31.         self.hboxLayout = QHBoxLayout(self.frame)
  32.         self.myHtml = QWebEngineView()
  33.         #打开本地html文件
  34.         self.myHtml.load(QUrl("file:///render.html")) 
  35.         self.hboxLayout.addWidget(self.myHtml)
  36.         self.setLayout(self.mainhboxLayout)
  37.  
  38. if __name__ == '__main__':
  39.     app = QApplication(sys.argv)
  40.     ex = Stacked()
  41.     ex.show()
  42.     sys.exit(app.exec_())

 

方法二

直接调用 javascript,可与数据进行交互

  1. from PyQt5.QtCore import QUrl, Qt
  2. from PyQt5.QtWebEngineWidgets import QWebEngineView
  3. from PyQt5.QtWidgets import QDialog, QApplication, QHBoxLayout, QWidget, QGridLayout, QLabel, QSpinBox, \
  4.     QSpacerItem, QSizePolicy, QComboBox
  5. from random import randint
  6. from pyecharts import Bar, Pie, Line, Overlap
  7. from pyecharts_javascripthon.api import TRANSLATOR
  8.  
  9. TITLE_TEXT = "" #主标题
  10. TITLE_SUBTEXT = "" #副标题
  11. ATTR = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
  12.  
  13.  
  14. class Form(QWidget):
  15.     def __init__(self):
  16.         super(Form, self).__init__()
  17.  
  18.         self.view = None
  19.         self.echarts = False
  20.         self.initUi()
  21.         self.load_url()
  22.  
  23.     def initUi(self):
  24.         self.hl = QHBoxLayout(self)
  25.         self.widget = QWidget()
  26.         self.gl = QGridLayout(self.widget)
  27.         # ATTR1
  28.         label1 = QLabel(ATTR[0] + ':')
  29.         self.gl.addWidget(label1, 1 - 1, 0, 1, 1)
  30.         self.spinbox1 = QSpinBox()
  31.         self.spinbox1.setSingleStep(100)
  32.         self.spinbox1.setObjectName('spinbox')
  33.         self.spinbox1.valueChanged.connect(self.set_options)
  34.         self.spinbox1.setMaximum(1000)
  35.         self.spinbox1.setValue(randint(0, 1000))
  36.         self.gl.addWidget(self.spinbox1, 1 - 1, 1, 1, 1)
  37.         # ATTR2
  38.         label2 = QLabel(ATTR[1] + ':')
  39.         self.gl.addWidget(label2, 2 - 1, 0, 1, 1)
  40.         self.spinbox2 = QSpinBox()
  41.         self.spinbox2.setSingleStep(100)
  42.         self.spinbox2.setObjectName('spinbox')
  43.         self.spinbox2.valueChanged.connect(self.set_options)
  44.         self.spinbox2.setMaximum(1000)
  45.         self.spinbox2.setValue(randint(0, 1000))
  46.         self.gl.addWidget(self.spinbox2, 2 - 1, 1, 1, 1)
  47.         # ATTR3
  48.         label3 = QLabel(ATTR[2] + ':')
  49.         self.gl.addWidget(label3, 3 - 1, 0, 1, 1)
  50.         self.spinbox3 = QSpinBox()
  51.         self.spinbox3.setSingleStep(100)
  52.         self.spinbox3.setObjectName('spinbox')
  53.         self.spinbox3.valueChanged.connect(self.set_options)
  54.         self.spinbox3.setMaximum(1000)
  55.         self.spinbox3.setValue(randint(0, 1000))
  56.         self.gl.addWidget(self.spinbox3, 3 - 1, 1, 1, 1)
  57.         # ATTR4
  58.         label4 = QLabel(ATTR[3] + ':')
  59.         self.gl.addWidget(label4, 4 - 1, 0, 1, 1)
  60.         self.spinbox4 = QSpinBox()
  61.         self.spinbox4.setSingleStep(100)
  62.         self.spinbox4.setObjectName('spinbox')
  63.         self.spinbox4.valueChanged.connect(self.set_options)
  64.         self.spinbox4.setMaximum(1000)
  65.         self.spinbox4.setValue(randint(0, 1000))
  66.         self.gl.addWidget(self.spinbox4, 4 - 1, 1, 1, 1)
  67.         # ATTR5
  68.         label5 = QLabel(ATTR[4] + ':')
  69.         self.gl.addWidget(label5, 5 - 1, 0, 1, 1)
  70.         self.spinbox5 = QSpinBox()
  71.         self.spinbox5.setSingleStep(100)
  72.         self.spinbox5.setObjectName('spinbox')
  73.         self.spinbox5.valueChanged.connect(self.set_options)
  74.         self.spinbox5.setMaximum(1000)
  75.         self.spinbox5.setValue(randint(0, 1000))
  76.         self.gl.addWidget(self.spinbox5, 5 - 1, 1, 1, 1)
  77.         # ATTR6
  78.         label6 = QLabel(ATTR[5] + ':')
  79.         self.gl.addWidget(label6, 6 - 1, 0, 1, 1)
  80.         self.spinbox6 = QSpinBox()
  81.         self.spinbox6.setSingleStep(100)
  82.         self.spinbox6.setObjectName('spinbox')
  83.         self.spinbox6.valueChanged.connect(self.set_options)
  84.         self.spinbox6.setMaximum(1000)
  85.         self.spinbox6.setValue(randint(0, 1000))
  86.         self.gl.addWidget(self.spinbox6, 6 - 1, 1, 1, 1)
  87.  
  88.         self.hl.addWidget(self.widget)
  89.         vs = QSpacerItem(20, 40, QSizePolicy.Minimum, QSizePolicy.Expanding)
  90.         self.gl.addItem(vs, 6, 0, 1, 2)
  91.         self.combobox_type = QComboBox()
  92.         self.combobox_type.currentIndexChanged.connect(self.reload_canvas)
  93.         self.combobox_type.addItems(['饼图', '柱状图', '折线图', '折线、柱状图'])
  94.         self.gl.addWidget(self.combobox_type, 7, 0, 1, 2)
  95.         self.combobox_theme = QComboBox()
  96.         self.combobox_theme.currentTextChanged.connect(self.change_theme)
  97.         self.combobox_theme.addItems(['light', 'dark'])
  98.         self.gl.addWidget(self.combobox_theme, 8, 0, 1, 2)
  99.         # 添加web view
  100.         self.view = QWebEngineView()
  101.         self.view.setContextMenuPolicy(Qt.NoContextMenu)
  102.         self.hl.addWidget(self.view)
  103.  
  104.     def change_theme(self, theme):
  105.         if not self.view:
  106.             return
  107.         options = self.get_options()
  108.         if not options:
  109.             return
  110.         self.view.page().runJavaScript(
  111.             f'''
  112.                 myChart.dispose();
  113.                 var myChart = echarts.init(document.getElementById('container'), '{theme}', {{renderer: 'canvas'}});
  114.                 myChart.clear();
  115.                 var option = eval({options});
  116.                 myChart.setOption(option);
  117.             '''
  118.         )
  119.  
  120.     def load_url(self):
  121.         url = QUrl("file:///template.html")
  122.         self.view.load(url)
  123.         self.view.loadFinished.connect(self.set_options)
  124.  
  125.     def reload_canvas(self):
  126.         if not self.view:
  127.             return
  128.             # 重载画布
  129.         options = self.get_options()
  130.         if not options:
  131.             return
  132.         self.view.page().runJavaScript(
  133.             f'''
  134.                 myChart.clear();
  135.                 var option = eval({options});
  136.                 myChart.setOption(option);
  137.             '''
  138.         )
  139.  
  140.     def set_options(self):
  141.         if not self.view:
  142.             return
  143.         if not self.echarts:
  144.             # 初始化echarts
  145.             self.view.page().runJavaScript(
  146.                 '''
  147.                     var myChart = echarts.init(document.getElementById('container'), 'light', {renderer: 'canvas'});
  148.                 '''
  149.             )
  150.             self.echarts = True
  151.  
  152.         options = self.get_options()
  153.         if not options:
  154.             return
  155.  
  156.         self.view.page().runJavaScript(
  157.             f'''
  158.                 var option = eval({options});
  159.                 myChart.setOption(option);
  160.             '''
  161.         )
  162.  
  163.     def get_options(self):
  164.         v1, v2, v3, v4, v5, v6 = self.spinbox1.value(), self.spinbox2.value(), self.spinbox3.value(), self.spinbox4.value(), \
  165.                                  self.spinbox5.value(), self.spinbox6.value()
  166.         v = [v1, v2, v3, v4, v5, v6]
  167.         if self.combobox_type.currentIndex() == 0:
  168.             # 饼图
  169.             options = self.create_pie(v)
  170.         elif self.combobox_type.currentIndex() == 1:
  171.             # 柱状图
  172.             options = self.create_bar(v)
  173.         elif self.combobox_type.currentIndex() == 2:
  174.             # 折线图
  175.             options = self.create_line(v)
  176.         elif self.combobox_type.currentIndex() == 3:
  177.             # 折线、柱状图
  178.             options = self.create_line_bar(v)
  179.         else:
  180.             return
  181.         return options
  182.  
  183.     def create_pie(self, v):
  184.         pie = Pie(TITLE_TEXT, TITLE_SUBTEXT)
  185.         pie.add("商家", ATTR, v, is_label_show=True)
  186.         snippet = TRANSLATOR.translate(pie.options)
  187.         options = snippet.as_snippet()
  188.         return options
  189.  
  190.     def create_bar(self, v):
  191.         bar = Bar(TITLE_TEXT, TITLE_SUBTEXT)
  192.         bar.add('商家1', ATTR, v, is_more_utils=True)
  193.         bar.add('商家2', ATTR, v, is_more_utils=True)
  194.         snippet = TRANSLATOR.translate(bar.options)
  195.         options = snippet.as_snippet()
  196.         return options
  197.  
  198.     def create_line(self, v):
  199.         line = Line(TITLE_TEXT, TITLE_SUBTEXT)
  200.         line.add("商家", ATTR, v, is_smooth=True, mark_line=["max", "average"])
  201.         snippet = TRANSLATOR.translate(line.options)
  202.         options = snippet.as_snippet()
  203.         return options
  204.  
  205.     def create_line_bar(self, v):
  206.         line = Line(TITLE_TEXT, TITLE_SUBTEXT)
  207.         line.add("商家", ATTR, v, is_smooth=True, mark_line=["max", "average"])
  208.         bar = Bar(TITLE_TEXT, TITLE_SUBTEXT)
  209.         bar.add('商家', ATTR, v, is_more_utils=True)
  210.  
  211.         overlap = Overlap()
  212.         overlap.add(line)
  213.         overlap.add(bar)
  214.         snippet = TRANSLATOR.translate(overlap.options)
  215.         options = snippet.as_snippet()
  216.         return options
  217.  
  218.  
  219. if __name__ == '__main__':
  220.     import sys
  221.  
  222.     app = QApplication(sys.argv)
  223.     app.setStyle('fusion')
  224.     form = Form()
  225.     form.show()
  226.     sys.exit(app.exec_())

参考：https://blog.csdn.net/this_is_id/article/details/86688585

 

 

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/570819
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号