精华内容
下载资源
问答
  • Android 绘制 曲线图

    2015-12-28 13:12:25
    Android 利用Canvas,Paint 绘制 曲线图,将不连续点按照贝塞尔曲线填充,生成圆滑曲线 ,中文注释很清楚,一目了然,很容易懂
  • WPF绘制曲线图

    千次阅读 2019-07-07 09:11:17
    WPF绘制曲线图 开发工具与关键技术:Visual Studio 2017、WPF 撰写时间: 2019年7月3日 懒得扯,用XAML代码实现: <Window x:Class="Wpf1.Window8" xmlns=...

    WPF绘制曲线图

    开发工具与关键技术:Visual Studio 2017、WPF
    撰写时间: 2019年7月3日
    

    懒得扯,用XAML代码实现:

    <Window x:Class="Wpf1.Window8"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            mc:Ignorable="d"
            Title="Window8" Height="600" Width="800"Loaded="Window_Loaded_1">
         <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
             <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
             <ToolBarGrid.Row="0">
                <Label Name="moushPonit" Foreground="Red">?</Label>
            </ToolBar>
             <Canvas Grid.Row="1"Name="MainCanvas" Background="#FFBBBCBF"
                    MouseMove="MainCanvas_MouseMove"
                    MouseLeftButtonDown="MainCanvas_MouseLeftButtonDown"MouseLeftButtonUp="MainCanvas_MouseLeftButtonUp"SizeChanged="MainCanvas_SizeChanged"ClipToBounds="True">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform x:Name="sfr" />
                        <TranslateTransform x:Name="tlt" />
                    </TransformGroup>
                </Canvas.RenderTransform>
            </Canvas>
         </Grid>
     
    </Window>
    

    后台核心代码:

                 //获取y最大值
                 if(MaxY < 0.0001)
                 {
                    MaxY = DataSourse.Max(m => m.Y);
                 }
                 //MinY= DataSourse.Min(m => m.Y);
    
                 if(MaxX < 0.0001)
                 {
                    MaxX = DataSourse.Max(m => m.X);
                 }
                 //MinX= DataSourse.Min(m => m.X);
                 if(Math.Abs(MaxX) < 0.000001 || Math.Abs(MaxY) < 0.000001)
                 {
                    return;
                 }
    
                DrawAxis();
                DrawXAxisTicks();
                DrawYAxisTicks();
                DrawPolyline();
             }
    
             private void InitCanvas()
             {
                MainCanvas.Children.Clear();
    
                BoardWidth = MainCanvas.ActualWidth -SystemParameters.VerticalScrollBarWidth;
                BoardHeight = MainCanvas.ActualHeight -SystemParameters.HorizontalScrollBarHeight;
                HorizontalMargin = 40;
                 VerticalMargin= 40;
                //horizontalBetween = 50;
                //verticalBetween = 50;
                ChartWidth = BoardWidth - 2 * HorizontalMargin;//画图区域宽度
                CharHeight = BoardHeight - 2 * VerticalMargin; //画图区域高度
    
                  StartPostion = new Point(HorizontalMargin,VerticalMargin);
                EndPostion = new Point(BoardWidth - HorizontalMargin, BoardHeight -VerticalMargin);
    
    
    
             }
    
             privatevoid DrawPolyline()
             {
                 varpolyline = new Polyline();
                 foreach(var t in DataSourse)
                 {
                    polyline.Points.Add(GetRealPoint(t));
                 }
                polyline.Stroke = Brushes.Blue;
                 MainCanvas.Children.Add(polyline);
             }
    
             privatePoint GetRealPoint(Point point)
             {
                 varrealX = StartPostion.X + (point.X - MinX) * ChartWidth / (MaxX - MinX) +MapLocationX;
                 varrealY = StartPostion.Y + (MaxY - point.Y) * CharHeight / (MaxY - MinY) +MapLocationY;
                 returnnew Point(realX, realY);
             }
    

    实现效果,可拖动:在这里插入图片描述

    展开全文
  • HTML 绘制曲线图

    万次阅读 2019-01-18 09:23:59
    怎么样画一个漂亮的HTML曲线图

    先上链接资源

    非常漂亮的HTML5数据曲线走势图表样式代码
    10款绚丽实用的HTML5图表动画应用
    优秀的图表JS插件

    复制 粘贴 删库 跑路


    一点题外话

     过去钟繇评价荀攸:我每有所行,反复思惟,自谓无以易;以咨公达,辄复过人意。
     身边总有人在某些方面比自己强,本当にうれしい


    开发总结

    1. Echart开发总结:
       Echart所绘制的区域及其父类,包括html、body都必须指定style=“height: xxx%”
       如果不指定会报告Echart Can’t get dom width or height错误。网上有很多帖子都不解决问题,坑人的,就这么一个简单的前段框架,baidu还不至于蠢到兼容性很差
      上我移植好的代码,注意从html中的 style=“height: 100%”
    <!DOCTYPE html>
    <html lang="en" style="height: 100%">
      <head>
        <meta charset="utf-8">
        <title>用户参数配置</title>
        <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
    
        <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css">
        
        <link rel="stylesheet" type="text/css" href="../stylesheets/theme.css">
        <link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.css">
    
        <script src="../lib/jquery-1.7.2.min.js" type="text/javascript"></script>
    	<!-- Demo page code -->
    	
        <style type="text/css">
            #line-chart {
                height:300px;
                width:800px;
                margin: 0px auto;
                margin-top: 1em;
            }
            .brand { font-family: georgia, serif; }
            .brand .first {
                color: #ccc;
                font-style: italic;
            }
            .brand .second {
                color: #fff;
                font-weight: bold;
            }
        </style>
    
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    
        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="../assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="../../assets/ico/apple-touch-icon-57-precomposed.png">
      </head>	
    
    <body style="height: 100%; margin: 0">
    
        <div class="navbar">
            <div class="navbar-inner">
                    <ul class="nav pull-right">
                        
                        <li><a href="#" class="hidden-phone visible-tablet visible-desktop" role="button">Settings</a></li>
                        <li id="fat-menu" class="dropdown">
                            <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-user"></i> 用户
                                <i class="icon-caret-down"></i>
                            </a>
    
                            <ul class="dropdown-menu">
                                <li><a tabindex="-1" href="">我的账号</a></li>
                                <li class="divider"></li>
                                <li><a tabindex="-1" class="visible-phone" href="">Settings</a></li>
                                <li class="divider visible-phone"></li>
                                <li><a tabindex="-1" href="../index.html">退出</a></li>
                            </ul>
                        </li>
                        
                    </ul>
            </div>
        </div>
    	
    	
        <div class="sidebar-nav">
            <a href="#legal-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>记录信息</a>
            <ul id="legal-menu" class="nav nav-list collapse">
                <li ><a href="hisRecord.html">历史记录</a></li>
    			<li ><a href="alamRecord.html">告警记录</a></li>		
            </ul>
        </div>
    
    
        <div class="content" style="height: 100%">
            
            <div class="header">
    
                <h1 class="page-title">用户参数</h1>
            </div>
            
                    <ul class="breadcrumb">
                <li><a href="">策略配置</a> <span class="divider">/</span></li>
                <li class="active">用户参数</li>
            </ul>
    	
    
           <div id="container" style="height: 80%"></div>
    	   <script type="text/javascript" src="../js/echarts.js"></script>
           <script type="text/javascript">
    			var dom = document.getElementById("container");
    			var myChart = echarts.init(dom);
    			var app = {};
    			option = null;
    			option = {
    				xAxis: {
    					type: 'category',
    					boundaryGap: false,
    					data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    				},
    				yAxis: {
    					type: 'value'
    				},
    				series: [{
    					data: [820, 932, 901, 934, 1290, 1330, 1320],
    					type: 'line',
    					areaStyle: {}
    				}]
    			};
    			;
    			if (option && typeof option === "object") {
    				myChart.setOption(option, true);
    			}
           </script>
    	</div>   
       </body>  
    </html>  
    

    Demo

    嵌入式linux基于boa cigic js Echart 的动态表格生成


    展开全文
  • 【案例】Matplotlib绘制曲线图 用Matplotlib绘制一幅曲线图的基础知识,也可以作为Matplotlib的绘图模板来使用噢! 1. # 绘制一条sin曲线和一条cos曲线 2. # 步骤如下: 3. 4. # 1 调用程序包 5. import ...

    【案例】Matplotlib绘制曲线图

    用Matplotlib绘制一幅曲线图的基础知识,也可以作为Matplotlib的绘图模板来使用噢!

    1.	# 绘制一条sin曲线和一条cos曲线  
    2.	# 步骤如下:  
    3.	  
    4.	# 1 调用程序包  
    5.	import matplotlib as mpl  
    6.	import matplotlib.pyplot as plt  
    7.	import numpy as np  
    8.	  
    9.	# 2 设置绘图样式  
    10.	plt.style.use('seaborn-whitegrid')  
    11.	  
    12.	# 3 创建图形和坐标轴  
    13.	fig = plt.figure()  
    14.	ax = plt.axes()  
    15.	  
    16.	# 4 绘制曲线  
    17.	# 绘制曲线时用到了numpy中的sin()和cos()函数  
    18.	x = np.linspace(0, 12, 120)  
    19.	plt.plot(x, np.sin(x),'-',label = 'sin(x)')  
    20.	plt.plot(x, np.cos(x),'--',label = 'cos(x)')  
    21.	  
    22.	# 5 设置图形标签  
    23.	plt.title('Example_1')  
    24.	plt.xlabel('x')  
    25.	plt.ylabel('y')  
    26.	  
    27.	# 6 设置图例  
    28.	plt.legend()  
    29.	  
    30.	# 7 显示图形  
    31.	plt.show()  
    32.	  
    33.	# 8 将图形保存为文件  
    34.	fig.savefig('my_figure.png')   
    

    下图为运行脚本输出的图片。
    在这里插入图片描述
    关注作者!持续更新内容:(散点图、线形图、柱形图、直方图等)的画法、配置图片的高级方法、简单的3D绘图、让图片动起来等。更多的精彩知识请到 交通科研Lab!

    展开全文
  • MFC动态绘制曲线图-HightSpeedChart实现

    千次下载 热门讨论 2014-03-04 21:23:11
    文章地址:http://blog.csdn.net/czyt1988/article/details/20136895 《绘图控件第五讲——绘制动态曲线》 介绍MFC常用绘图控件TeeChart和CChartCtrl绘制动态曲线的方法
  • POI绘制曲线图

    千次阅读 2018-09-30 16:18:38
    背景:网上找了很多excel绘制表格曲线,但是大多方法过于复杂,且不太实用,所以查找了很多资料,最终找到POI可以绘制曲线,废话不多说,直接上上代码 public void CreateGraph(String dataPath, String ...

    背景:网上找了很多excel绘制表格曲线,但是大多方法过于复杂,且不太实用,所以查找了很多资料,最终找到POI可以绘制曲线,废话不多说,直接上图上代码

    	public void CreateGraph(String dataPath, String exportPath, String heapName){
    		XSSFWorkbook my_workbook = new XSSFWorkbook();
    		XSSFSheet my_worksheet = my_workbook.createSheet(heapName);
    		Row row = my_worksheet.createRow(0);
    		row.createCell(0).setCellValue("序列");
    		row.createCell(1).setCellValue("内存/M");
    
    		ArrayList<Double> mems = ReadLog.Heap(dataPath);
    		for (int i = 0; i < mems.size(); i++) {
    			row = my_worksheet.createRow(i + 1);
    			row.createCell(0).setCellValue(i + 1);
    			row.createCell(1).setCellValue(mems.get(i));
    		}
    
    		/*
    		 * At the end of this step, we have a worksheet with test data, that we
    		 * want to write into a chart
    		 */
    		/* Create a drawing canvas on the worksheet */
    		XSSFDrawing xlsx_drawing = my_worksheet.createDrawingPatriarch();
    		// 八个参数,前四个表示图片离起始单元格和结束单元格边缘的位置,
    		// 后四个表示起始和结束单元格的位置,如下表示从第2列到第12列,从第1行到第15行,需要注意excel起始位置是0
    		XSSFClientAnchor anchor = xlsx_drawing.createAnchor(0, 0, 0, 0, 3, 3, 14, 18);
    		/* Create the chart object based on the anchor point */
    		XSSFChart my_line_chart = xlsx_drawing.createChart(anchor);
    		/*
    		 * Define legends for the line chart and set the position of the legend
    		 */
    		XSSFChartLegend legend = my_line_chart.getOrCreateLegend();
    		legend.setPosition(LegendPosition.BOTTOM);
    		/* Create data for the chart */
    		LineChartData data = my_line_chart.getChartDataFactory().createLineChartData();
    		/* Define chart AXIS */
    		ChartAxis bottomAxis = my_line_chart.getChartAxisFactory().createCategoryAxis(AxisPosition.BOTTOM);
    		bottomAxis.setCrosses(AxisCrosses.AUTO_ZERO);
    		bottomAxis.setMajorTickMark(AxisTickMark.NONE);//取消X轴的标刻度
    		ValueAxis leftAxis = my_line_chart.getChartAxisFactory().createValueAxis(AxisPosition.LEFT);
    		leftAxis.setCrosses(AxisCrosses.AUTO_ZERO);
    		//添加数据
    		ChartDataSource<Number> xs = DataSources.fromNumericCellRange(my_worksheet, new CellRangeAddress(1, mems.size(), 0, 0));
    		ChartDataSource<Number> ys1 = DataSources.fromNumericCellRange(my_worksheet, new CellRangeAddress(1, mems.size(), 1, 1));
    		
    		LineChartSeries series = data.addSeries(xs, ys1);
    		series.setTitle(heapName);//设置序列名称
    		my_line_chart.setTitle("内存曲线");//设置图表标题
    		my_line_chart.plot(data, new ChartAxis[] { bottomAxis, leftAxis });
    		
    		/* Finally define FileOutputStream and write chart information */
    		FileOutputStream fileOut = null;
    		try {
    			fileOut = new FileOutputStream(exportPath + ".xlsx");
    			my_workbook.write(fileOut);
    		} catch (Exception e) {
    			e.printStackTrace();
    		} finally {
    			try {
    				if (fileOut != null) {
    					fileOut.close();
    				}
    			} catch (IOException e) {
    				e.printStackTrace();
    			}
    		}
    	}

    以上就是绘制表格的曲线方法,仅供学习和参考

    demo下载链接

    展开全文
  • C#如何根据数据库的查找出来的数据绘制曲线图(折线图或者散点图均可)
  • 先发个绘制曲线图的:用ASP.NET with C# 绘制曲线图(Curve图) 里面介绍了简单的绘制曲线图的方法.近来重新翻阅了这篇文章.心情大好之下又重新修改了一下绘制方法,增加自动适应数据的处理和可以根据传入的数据绘制...
  • python绘制曲线图

    万次阅读 2019-03-14 16:14:18
    # -*- coding: UTF-8 -*- import numpy as np import matplotlib as mpl import matplotlib.pyplot as plt # 这里导入你自己的数据 # ...... # ...... # x_axix,train_pn_dis...# python 一个折线图绘制多个曲线
  • 使用matplotlib绘制曲线图

    千次阅读 2019-04-15 12:09:17
    绘制自己的曲线图 import matplotlib.pyplot as plt import numpy as np x = np.linspace(0,10,20) y1 = x**2.0 y2 = x**1.5 ''' plt.plot(Abscissa, ordinate,"bo-",linewidth="",markersize="",label="") "bo-...
  • 实现JSON传输数据并根据接收到的数据绘制曲线图
  • MFC下TeeChart和HightSpeedChart动态绘制曲线图

    千次下载 热门讨论 2014-03-04 21:20:25
    文章地址:http://blog.csdn.net/czyt1988/article/details/20136895 《绘图控件第五讲——绘制动态曲线》 介绍MFC常用绘图控件TeeChart和CChartCtrl绘制动态曲线的方法
  • c#绘制曲线图遇到的问题

    千次阅读 2015-11-21 14:48:56
    项目的要求是主窗口中实时绘制曲线图,某个子窗口中绘制选中的整条曲线。  先说后一个吧。选择xls文件,并将里面的数据绘制成曲线。因为要绘制增量曲线和百分比曲线,所以就用了选项卡。刚开始的思路就是获取选项...
  • 使用d3.js绘制曲线图

    千次阅读 2020-06-07 22:58:47
    一、先看效果: 二、代码详情,此代码可直接复制到本地看效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>线型图表</title> <style type=...
  • 用c#绘制曲线图

    万次阅读 2016-09-23 14:30:50
    在实际项目中我们经常需要绘制一些实时的数据图片,比如当前各公司的用水量、用电量还有播放声音视频时实时显示当前的声频等等,在我们最熟悉的任务管理器也有这么一个功能,用来表示当前CPU的使用频率,最近笔者...
  • 使用echarts绘制曲线图

    2020-12-21 17:53:21
    产品-消费金额 各产品-消费总额占比 各产品-技术服务费用占比 {{ item.name }} 消费₦{{ item.value }} 占{{ item.rate }}%
  • 绘制曲线: import time import numpy as np import matplotlib.pyplot as plt x = np.linspace(0, 10, 1000) y = np.sin(x) plt.figure(figsize=(6,4)) plt.plot(x,y,color="red",linewidth=1 ) plt....
  • Unity利用UGUI中Graphic绘制曲线图

    千次阅读 2019-07-24 10:29:55
    我们在创建可视UI组件时,可以通过继承Graphic来实现一些UI上的绘制功能。官方案例 中通过重写了 OnPopulateMesh 函数实现...利用该方法,结合一些对地形数据的处理,我们可以制作像下这样的地形剖面效果: ...
  • 3.绘制曲线图形 在canvas中曲线图形通常分为两种,曲线和弧线,弧线就是圆周上的一部分,曲线上每一点都有相同的曲率,曲线则不一定,曲线的范围更大,曲线包含率弧线 3.1.使用点来画曲线 &amp;lt;!DOCTYPE ...
  • html5 canvas 绘制曲线图

    万次阅读 2016-07-29 09:10:06
    绘制曲线图的要点: 1.有一个画布,在画布上进行图表的显示 2.数据(数组格式、json等格式) 3.如何绘制x/y轴(找到x/y轴数据的最大值、最小值,确定原点、最大值及平均单位,进行绘制绘制标题) 4....
  • 绘制曲线图origin画图

    千次阅读 2019-04-12 14:12:32
    https://blog.csdn.net/ljm1995/article/details/82620440
  • android:text="坐姿曲线图" android:textColor="#ffffff" android:textSize="17dp" /> <ImageView android:id="@+id/backbtn" android:layout_width="45dp" android:layout_height="40dp" android:...
  • java绘制曲线图

    万次阅读 2015-05-27 10:03:26
    JFreeChart chart = ChartFactory.createLineChart("历史记录曲线", //折线名称 "时间", // 横坐标名称 "倾角(X轴、Y轴)", // 纵坐标名称 linedataset, // 数据 PlotOrientation.VERTICAL, // 水平显示图像...
  • 基于MATLAB中plot函数绘制曲线图

    千次阅读 2019-04-15 11:14:36
    %% 本文件用于标定实验数据,建立实际数据与检测像素之间的关系。 % 作者:德赛法 % 时间:20190415 %%% 初始化 tic; % 计时开始 clc;clear;close all; ...
  • pyqtgraph绘制曲线图(3)

    千次阅读 2020-03-16 23:42:14
    pyqtgraph 绘制动态,并将其加入到窗体中(GUI) 添加需要的库文件 import numpy as np import pyqtgraph as pg import sys from PyQt5.QtWidgets import QApplication, QWidget, QFrame, QGridLayout, QLabel, ...
  • pyqtgraph绘制曲线图(2)

    千次阅读 2020-03-16 21:55:26
    pyqtgraph 绘制静态,并将其加入到窗体中(GUI) 导入相关库和数据 import pyqtgraph as pg import pandas as pd import sys import numpy as np from PyQt5 import QtCore, QtWidgets x = np.random.random(10) ...
  • 在Android中绘制曲线图

    千次阅读 2011-12-09 14:24:26
    应用程序的开发过程中,经常会遇到和曲线图打交道的情况,相比自己写代码绘制,无疑的,使用一些美观高效的开源库是一个更好的选择。目前开源的曲线图绘制工作有很多,本文以achartengine为例,介绍在Android系统下...
  • Matlab之代数方程求解:多次函数求根并绘制曲线图 1、符号方程ezplot( )命令绘图:会自动输入函数标题 f = 'x^2 - 6*x - 12'; ezplot(f,[-2,8]) %ezplot(f,[x1,x2])绘制了f在x1&lt; x &lt;x2区间内的图象...
  • C# WinForm中使用Chart控件绘制曲线图

    千次阅读 多人点赞 2020-02-18 09:50:21
    展示一个小Demo 在窗口中读取txt文件数据,并使用chart控件绘制曲线。 首先,在空白的窗体上拖入一个按钮,命名为打开,执行打开文件职能;一个文本框,用来显示文件的路径;再拖入一个chart控件。 在chart...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 113,462
精华内容 45,384
关键字:

如何绘制曲线图