Python绘图系统9:新建绘图类型控件,实现混合类型图表

文章目录

    • 绘图类型控件
    • 改造AxisList
    • 更改绘图逻辑
    • 源代码

Python绘图系统:

  • 从0开始实现一个三维绘图系统
  • 自定义控件:坐标设置控件📉坐标列表控件📉支持多组数据的绘图系统
  • 图表类型和风格:散点图和条形图📊混合类型图表

绘图类型控件

很多时候我们都有在一张图上绘制多种图标的需求,比如数据拟合的时候,用散点图表示原始数据,用曲线图来表示绘图后的结果。从这个角度来说,每一组绘图数据都应该有其自身的绘图类别。换言之,我们在DrawSystem中建立的绘图类型选择框,也需要在AxisFrame中使用。

为了降低代码重复,最好还是新建一个控件,专门用于约定绘图类型。而且更加广泛地讲,除了散点图条形图这种,是二维还是三维,也可算在绘图类型里面。所以,这个绘图类型控件,至少包含两个ComboBox,这对于已经创建过AxisFrame和AxisList的我们来说,属于小儿科水平

class DrawType(ttk.Frame):
    # ws为两个combobox的宽
    def __init__(self, master, types, slctType, 
        slctDim="3", ws=None, **options):
        super().__init__(master, **options)
        self.pack()
        self.types = types  # 绘图类型
        self.dims = ("1", "2", "3", "1+1", "2+1", "3+1")    # 绘图维度
        
        self.initVar(slctType, slctDim)
        self.initWidgets(ws)

    def initVar(self, slctType, slctDim):
        self.drawType = tk.StringVar()
        self.drawType.set(slctType)
        
        self.drawDim = tk.StringVar()
        if type(slctDim) != str:
            slctDim = self.dims[int(slctDim)]
        self.drawDim.set(slctDim)

    def initWidgets(self, ws):
        if ws==None: ws = [8, 3]
        vs = [self.drawType, self.drawDim]
        slcts = [self.types, self.dims]
        for i in range(2):
            slct = ttk.Combobox(self, width=ws[i], textvariable=vs[i])
            slct['value'] = slcts[i]
            slct.pack(side=tk.LEFT)
    
    def getType(self):
        return self.drawType.get()
    
    def getDim(self):
        dim = self.drawDim.get()
        dimDct = {"1"  :  "x", "2"  :  "xy", "3"  : "xyz", 
                  "1+1": "tx", "2+1": "txy", "3+1":  "txyz"}
        return dimDct[dim]

然后更改DrawSystem,主要是把setCtrlButtons(self, frm)函数的前两句改为

def setCtrlButtons(self, frm):
    self.drawTypeDim = DrawType(frm, self.TYPES, "点线图")
    self.drawTypeDim.pack(side=tk.LEFT)
    # ...

另一方面,两个ComboBox太大了,为了美观,把新增和删除两个按钮上的文字改为加号和减号。修改过后的UI如下

在这里插入图片描述

改造AxisList

首先,在AxisList的初始化代码中添加初始化绘图类型的参数

def __init__(self, master, 
    title, mode, widths, 
    types, slctType,        # 绘图类型Combobox的参数
    **options):
    super().__init__(master, **options)
    self.pack()
    self.afs = {}
    self.data = {}

    self.initWidgets(title, widths)
    self.initFeature(types, slctType)
    self.initAxis(mode, widths)

由于更改是输入参数的个数,所以在DrawSystem中调用时,需要把types和slctType这两个参数补上。

然后在initFeature中添加drawTypeDim,

def initFeature(self, types, slctType):
    frm = ttk.Frame(self._c)
    frm.pack(pady=2, side=tk.TOP, fill=tk.X)
    ttk.Button(frm, text="加载",width=5,
        command=self.btnLoadData).pack(side=tk.LEFT)
    
    frm = ttk.Frame(self._c)
    frm.pack(pady=2, side=tk.TOP, fill=tk.X)
    self.drawTypeDim = DrawType(frm, types, slctType)

    self.vis = {L : True for L in 'txyz'}
    for flag in 'txyz':
        btn = ttk.Button(frm, text=flag, width=3)
        btn.pack(side=tk.LEFT)
        btn.bind("<Button-1>", self.btnAxisCollapse)

更改绘图逻辑

最后,更改绘图逻辑。首先,考虑到drawDct的特点,将其改为全局变量。

self.drawDct = {
    "点线图" : self.drawPlot,
    "散点图" : self.drawScatter,
    "条形图" : self.drawBar
}

然后,考虑到每次绘图都需要读取AxisList中的绘图类型,从而需要分次调用绘图函数,所以创建窗口这一步也交给btnDrawImg函数,从而绘图函数就只剩下了完完全全的绘图功能。相关代码如下

def btnDrawImg(self):
    self.fig.clf()
    keys = self.drawTypeDim.getDim()
    p = '3d' if 'z' in keys else None
    ax = self.fig.add_subplot(projection=p)
    for al in self.als:
        data = self.readDatas(al)
        draw = self.drawDct[al.getDrawType()]
        draw(ax, data, keys)
    self.fig.subplots_adjust(left=0.1, right=0.95, top=0.95, bottom=0.08)
    self.canvas.draw()

def drawBar(self, ax, data, keys):
    ax.bar(data['x'], data['y'])

def drawPlot(self, ax, data, keys):
    ax.plot(*[data[key] for key in keys])

def drawScatter(self, ax, data, keys):
    ax.scatter(*[data[key] for key in keys])

最后运行结果如下,分别绘制的散点图和曲线图。

在这里插入图片描述

源代码

最后附上源代码,写在.py文件里,然后python xx.py就可以正常运行。

import tkinter as tk
import tkinter.ttk as ttk
from tkinter.filedialog import askopenfilename

import matplotlib as mpl
mpl.use('TkAgg')
import matplotlib.pyplot as plt
from matplotlib.backends.backend_tkagg import (
    FigureCanvasTkAgg, NavigationToolbar2Tk)
from matplotlib.figure import Figure

import numpy as np


class AxisFrame(ttk.Frame):
    # widths 是每个控件的宽度
    def __init__(self, master, label, mode, widths, **options):
        super().__init__(master, **options)
        self.pack()
        self.label = label
        self.initVar(mode)
        self.initWidgets(widths)
    
    def initVar(self, mode):
        self.MODES = ("序列化", "源代码", "外部导入", "无数据")
        self.mode = tk.StringVar()
        self.setMode(mode)
    
    def initWidgets(self, widths):
        tk.Label(self, text=self.label, width=widths[0]).pack(side=tk.LEFT)
        self.slct = ttk.Combobox(self, width=widths[1], textvariable=self.mode)
        self.slct['value'] = self.MODES
        self.slct.pack(side=tk.LEFT)
        self.entry = tk.Entry(self, width=widths[2])
        self.entry.pack(padx=5, side=tk.LEFT, fill=tk.X)
    
    def setText(self, text):
        self.entry.delete(0, "end")
        self.entry.insert(0, text)

    def get(self):
        return self.entry.get()

    def setMode(self, mode):
        if type(mode) != str:
            mode = self.MODES[mode]
        self.mode.set(mode)

    def setData(self, data=None, **txyz):
        if self.mode.get() == "序列化":
            return self.getArray()
        elif self.mode.get() == "外部导入":
            return self.loadData(data)
        else:
            return self.readPython(**txyz)
    
    def readPython(self, t=None, x=None, y=None, z=None):
        self.data = eval(self.get())
        return self.data

    def loadData(self, data):
        if type(data) != type(None):
            self.data = data
        return self.data

    def getArray(self):
        val = self.get()
        self.data = eval(f"np.linspace({val})")
        return self.data

class AxisList(ttk.Frame):
    def __init__(self, master, 
        title, mode, widths, 
        types, slctType,        # 绘图类型Combobox的参数
        **options):
        super().__init__(master, **options)
        self.pack()
        self.afs = {}
        self.data = {}

        self.initWidgets(title, widths)
        self.initFeature(types, slctType)
        self.initAxis(mode, widths)
    
    def initWidgets(self, title, widths):
        self.btn = ttk.Button(self, text=title, width=sum(widths)+5,
            command=self.Click)
        self.btn.pack(side=tk.TOP, fill=tk.X, expand=tk.YES)
        self._c = ttk.Frame(self)
        self.collapsed = True
        self.Click()
    
    def initFeature(self, types, slctType):
        frm = ttk.Frame(self._c)
        frm.pack(pady=2, side=tk.TOP, fill=tk.X)
        ttk.Button(frm, text="加载",width=5,
            command=self.btnLoadData).pack(side=tk.LEFT)
        
        frm = ttk.Frame(self._c)
        frm.pack(pady=2, side=tk.TOP, fill=tk.X)
        self.drawTypeDim = DrawType(frm, types, slctType)
        self.drawTypeDim.pack(side=tk.LEFT)

        self.vis = {L : True for L in 'txyz'}
        for flag in 'txyz':
            btn = ttk.Button(frm, text=flag, width=3)
            btn.pack(side=tk.LEFT)
            btn.bind("<Button-1>", self.btnAxisCollapse)
    
    def getDrawType(self):
        return self.drawTypeDim.getType()
    
    def getDrawDim(self):
        return self.drawTypeDim.getDim()

    def initAxis(self, mode, widths):
        for flag in 'txyz':
            self.afs[flag] = AxisFrame(self._c, flag, mode, widths)
            self.afs[flag].pack(side=tk.TOP, fill=tk.X)
    
    def btnAxisCollapse(self, evt):
        flag = evt.widget['text']
        self.vis[flag] = not self.vis[flag]
        for flag in 'txyz':
            self.afs[flag].pack_forget()
        for flag in 'txyz':
            if self.vis[flag]:
                self.afs[flag].pack(side=tk.TOP, fill=tk.X)

    def btnLoadData(self):
        name = askopenfilename()
        data = np.genfromtxt(name)
        for i, flag in enumerate('xyz'):
            if i >= data.shape[1]:
                return
            self.setOneMode(flag, "外部导入")
            self.data[flag] = self.setData(flag, data[:,i])

    def Click(self):
        if self.collapsed:
            self._c.pack(side=tk.TOP, fill=tk.BOTH, expand=tk.YES)            
        else:
            self._c.pack_forget()
        self.collapsed = not self.collapsed

    def setData(self, flag, data=None, **options):
        return self.afs[flag].setData(data, **options)
    
    def setOneMode(self, flag, mode):
        self.afs[flag].setMode(mode)

# 绘图类型和维度
class DrawType(ttk.Frame):
    # ws为两个combobox的宽
    def __init__(self, master, types, slctType, 
        slctDim="3", ws=None, **options):
        super().__init__(master, **options)
        self.pack()
        self.types = types  # 绘图类型
        self.dims = ("1", "2", "3", "1+1", "2+1", "3+1")    # 绘图维度
        
        self.initVar(slctType, slctDim)
        self.initWidgets(ws)

    def initVar(self, slctType, slctDim):
        self.drawType = tk.StringVar()
        self.drawType.set(slctType)
        
        self.drawDim = tk.StringVar()
        if type(slctDim) != str:
            slctDim = self.dims[int(slctDim)]
        self.drawDim.set(slctDim)

    def initWidgets(self, ws):
        if ws==None: ws = [8, 3]
        vs = [self.drawType, self.drawDim]
        slcts = [self.types, self.dims]
        for i in range(2):
            slct = ttk.Combobox(self, width=ws[i], textvariable=vs[i])
            slct['value'] = slcts[i]
            slct.pack(side=tk.LEFT)
    
    def getType(self):
        return self.drawType.get()
    
    def getDim(self):
        dim = self.drawDim.get()
        dimDct = {"1"  :  "x", "2"  :  "xy", "3"  : "xyz", 
                  "1+1": "tx", "2+1": "txy", "3+1":  "txyz"}
        return dimDct[dim]

class DarwSystem():
    def __init__(self):
        self.root = tk.Tk()
        self.root.title("数据展示工具")
        self.data = {}
        self.als = []

        self.initConst()
        self.setFrmCtrl()

        frmFig = ttk.Frame(self.root)
        frmFig.pack(side=tk.LEFT,fill=tk.BOTH,expand=tk.YES)
        self.setFrmFig(frmFig)
        self.root.mainloop()
    
    def initConst(self):
        self.TYPES = ("点线图", "散点图", "条形图")


    def setFrmCtrl(self):
        frmCtrl = ttk.Frame(self.root,width=320)
        frmCtrl.pack(side=tk.RIGHT, fill=tk.Y)
        frm = ttk.Frame(frmCtrl, width=320)
        frm.pack(side=tk.TOP, fill=tk.X)
        self.setCtrlButtons(frm)
        self.frmAxis = ttk.Frame(frmCtrl)
        self.frmAxis.pack(side=tk.TOP, fill=tk.X)
        self.addLast(None)

    # ! 工具栏
    def setCtrlButtons(self, frm):
        self.drawTypeDim = DrawType(frm, self.TYPES, "点线图")
        self.drawTypeDim.pack(side=tk.LEFT)

        ttk.Button(frm, text="绘图",width=5,
            command=self.btnDrawImg).pack(side=tk.LEFT)
        ttk.Button(frm, text="加载",width=5,
            command=self.btnLoadData).pack(side=tk.LEFT)
        btn = ttk.Button(frm, text="+", width=3)
        btn.pack(side=tk.LEFT)
        btn.bind("<Button-1>", self.addLast)

        btn = ttk.Button(frm, text="-", width=3)
        btn.pack(side=tk.LEFT)
        btn.bind("<Button-1>", self.deleteLast)

    def addLast(self, evt):
        title = f"坐标{len(self.als)}"
        al = AxisList(self.frmAxis, title, 1, [5,10,20], 
            self.TYPES, self.drawTypeDim.getType())
        al.pack(side=tk.TOP, fill=tk.X)
        self.als.append(al)

    def deleteLast(self, evt):
        self.als[-1].pack_forget()
        del self.als[-1]


    def btnLoadData(self):
        name = askopenfilename()
        data = np.genfromtxt(name)
        for i, flag in enumerate('xyz'):
            if i >= data.shape[1]:
                return
            self.AL.setOneMode(flag, "外部导入")
            self.data[flag] = self.AL.setData(flag, data[:,i])
    
    def readDatas(self, al):
        dct = {}
        data = {}
        for flag in 'xyz':
            data[flag] = al.setData(flag, **dct)
            dct[flag] = data[flag]
        return data

    def btnDrawImg(self):
        drawDct = {
            "点线图" : self.drawPlot,
            "散点图" : self.drawScatter,
            "条形图" : self.drawBar
        }
        self.fig.clf()
        keys = self.drawTypeDim.getDim()
        p = '3d' if 'z' in keys else None
        ax = self.fig.add_subplot(projection=p)
        for al in self.als:
            data = self.readDatas(al)
            draw = drawDct[al.getDrawType()]
            draw(ax, data, keys)
        self.fig.subplots_adjust(left=0.1, right=0.95, top=0.95, bottom=0.08)
        self.canvas.draw()

    def drawBar(self, ax, data, keys):
        ax.bar(data['x'], data['y'])

    def drawPlot(self, ax, data, keys):
        ax.plot(*[data[key] for key in keys])

    def drawScatter(self, ax, data, keys):
        ax.scatter(*[data[key] for key in keys])


    def setFrmFig(self, frmFig):
        self.fig = Figure()
        self.canvas = FigureCanvasTkAgg(self.fig,frmFig)
        self.canvas.get_tk_widget().pack(
            side=tk.TOP,fill=tk.BOTH,expand=tk.YES)
        self.toolbar = NavigationToolbar2Tk(self.canvas,frmFig,
            pack_toolbar=False)
        self.toolbar.update()
        self.toolbar.pack(side=tk.RIGHT)

if __name__ == "__main__":
    test = DarwSystem()

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/91413.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

2023年高教社杯数学建模思路 - 案例:FPTree-频繁模式树算法

文章目录 算法介绍FP树表示法构建FP树实现代码 建模资料 ## 赛题思路 &#xff08;赛题出来以后第一时间在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 算法介绍 FP-Tree算法全称是FrequentPattern Tree算法&#xff0c;就是频繁模式树算法&#xff0c…

【python】Leetcode(primer-dict-list)

文章目录 260. 只出现一次的数字 III&#xff08;字典 / 位运算&#xff09;136. 只出现一次的数字&#xff08;字典&#xff09;137. 只出现一次的数字 II&#xff08;字典&#xff09;169. 求众数&#xff08;字典&#xff09;229. 求众数 II&#xff08;字典&#xff09;200…

蓝蓝设计-UI设计公司案例-HMI列车监控系统界面设计解决方案

2013年&#xff0c;为加拿大庞巴迪(Bombardier)设计列车监控系统界面设计。 2015-至今&#xff0c;为中车集团旗下若干公司提供HMI列车监控系统界面设计,综合考虑中车特点、城轨车、动车组的不同需求以及HMI硬键屏和触摸 屏的不同操作方式&#xff0c;重构框架设计、交互设计、…

五度易链最新“产业大数据服务解决方案”亮相,打造数据引擎,构建智慧产业

快来五度易链官网 点击网址【http://www.wdsk.net/】 看看我们都发布了哪些新功能!!! 自2015年布局产业大数据服务行业以来&#xff0c;“五度易链”作为全国产业大数据服务行业先锋企业&#xff0c;以“让数据引领决策&#xff0c;以智慧驾驭未来”为愿景&#xff0c;肩负“打…

PROFIBUS主站转MODBUS TCP网关

1.产品功能 YC-DPM-TCP网关在Profibus总线侧实现主站功能&#xff0c;在以太网侧实现ModbusTcp服务器功能。可将Profibus DP从站接入到ModbusTcp网络&#xff1b;通过增加DP/PA耦合器&#xff0c;也可将Profibus PA从站接入ModbusTcp网络。YC-DPM-TCP网关最多支持125个Profibu…

电商项目part07 订单系统的设计与海量数据处理

订单重复下单问题&#xff08;幂等&#xff09; 用户在点击“提交订单”的按钮时&#xff0c;不小心点了两下&#xff0c;那么浏览器就会向服务端连续发送两条创建订单的请求。这样肯定是不行的 解决办法是,让订单服务具备幂等性。什么是幂等性&#xff1f;幂等操作的特点是&a…

网关认证的技术方案

我们认证授权使用springsecurity 和oauth2技术尽心实现具体实现流程见第五章文档&#xff0c;这里就是记录一下我们的技术方案 这是最开始的技术方案&#xff0c;我们通过认证为服务获取令牌然后使用令牌访问微服务&#xff0c;微服务解析令牌即可。但是缺点就是每个微服务都要…

如何构建多域名HTTPS代理服务器转发

在当今互联网时代&#xff0c;安全可靠的网络访问是至关重要的。本文将介绍如何使用SNI Routing技术来构建多域名HTTPS代理服务器转发&#xff0c;轻松实现多域名的安全访问和数据传输。 SNI代表"Server Name Indication"&#xff0c;是TLS协议的扩展&#xff0c;用于…

打怪升级之从零开始的网络协议

序言 三个多月过去了&#xff0c;我又来写博客了&#xff0c;这一次从零开始学习网络协议。 总的来说&#xff0c;计算机网络很像现实生活中的快递网络&#xff0c;其最核心的目标&#xff0c;就是把一个包裹&#xff08;信息&#xff09;从A点发送到B点去。下面是一些共同的…

【Unity】【Amplify Shader Editor】ASE入门系列教程第一课 遮罩

新建材质 &#xff08;不受光照材质&#xff09; 贴图&#xff1a;快捷键T 命名&#xff1a; UV采样节点&#xff1a;快捷键U 可以调节主纹理的密度与偏移 添加UV流动节点&#xff1a; 创建二维向量&#xff1a;快捷键 2 遮罩&#xff1a;同上 设置shader材质的模板设置 添加主…

解决无法远程连接MySQL服务的问题

① 设置MySQL中root用户的权限&#xff1a; [rootnginx-dev etc]# mysql -uroot -pRoot123 mysql> use mysql; mysql> GRANT ALL PRIVILEGES ON *.* TO root% IDENTIFIED BY Root123 WITH GRANT OPTION; mysql> select host,user,authentication_string from user; -…

项目总结知识点记录(二)

1.拦截器实现验证用户是否登录&#xff1a; 拦截器类&#xff1a;实现HandlerInterception package com.yx.interceptor;import org.springframework.web.servlet.HandlerInterceptor; import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.HttpS…

react-sortable-hoc 拖拽列表上oncick事件失效

const SortableItem SortableElement(({value, onChangePayment}) > {const onClickItem () > {// todo}return (<View className"-item" onClick{onClickItem}>xxxxxxx</View>) })问题&#xff1a;onClick 无效 解决&#xff1a;添加distance

VMware ESXi 7.0 优化VMFSL磁盘占用与系统存储大小

文章目录 VMware ESXi 7.0 优化VMFSL磁盘占用与系统存储大小引言创建ESXi7.0可启动 U 盘结果检查VMware ESXi 7.0 优化VMFSL磁盘占用与系统存储大小 引言 本文讲述了在 J1900平台上安装ESXi7.0时减少 VMFSL 分区占用的说明, 通常这来说些主机内置的磁盘空间非常小, 采用默认安…

bh004- Blazor hybrid / Maui 使用 BootstrapBlazor UI 库快速教程

1. 建立工程 bh004_BootstrapBlazorUI 源码 2. 添加 nuget 包 <PackageReference Include"BootstrapBlazor" Version"7.*" /> <PackageReference Include"BootstrapBlazor.FontAwesome" Version"7.*" />3. 添加样式表文…

stm32之7.位带操作---volatile---优化等级+按键控制

源码--- #define PAin(n) (*(volatile uint32_t *)(0x42000000 (GPIOA_BASE0x10-0x40000000)*32 (n)*4)) #define PEin(n) (*(volatile uint32_t *)(0x42000000 (GPIOE_BASE0x10-0x40000000)*32 (n)*4)) #define PEout(n) (*(volatile uint32_t *)(0x420…

Kubernetes(K8S)简介

Kubernetes (K8S) 是什么 它是一个为 容器化 应用提供集群部署和管理的开源工具&#xff0c;由 Google 开发。Kubernetes 这个名字源于希腊语&#xff0c;意为“舵手”或“飞行员”。k8s 这个缩写是因为 k 和 s 之间有八个字符的关系。 Google 在 2014 年开源了 Kubernetes 项…

飞书小程序开发

1.tt.showModal后跳转页面 跳转路径要为绝对路径&#xff0c;相对路径跳转无响应。 2.手机息屏后将不再进入onload()生命周期&#xff0c;直接进入onshow()生命周期。 onLoad()在页面初始化的时候触发&#xff0c;一个页面只调用一次。 onShow()在切入前台时就会触发&#x…

[matlab]matlab配置mingw64编译器

第一步&#xff1a;下载官方绿色版本mingw64编译器然后解压放到一个非中文空格路径下面 比如我mingw64-win是我随便改的文件名&#xff0c;然后添加环境变量&#xff0c;选择用户或者系统环境变量添加下面的变量 变量名&#xff1a; MW_MINGW64_LOC 变量值&#xff1a;自己的m…

1.linux的常用命令

目录 一、Linux入门 二、Linux文件系统目录 三、Linux的vi和vim的使用 四、Linux的关机、重启、注销 四、Linux的用户管理 五、Linux的运行级别 六、Linux的文件目录指令 七、Linux的时间日期指令 八、Linux的压缩和解压类指令 九、Linux的搜索查找指令 ​​​​​​…