精华内容
下载资源
问答
  • 主要为大家详细介绍了python matlibplot绘制多条曲线图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • hicharts 多条曲线图

    2015-10-20 10:24:56
    用水量时间曲线图 $(function () { $('#container').highcharts({ chart: { zoomType: 'xy' }, title: { text: '图表分析'
    <!DOCTYPE HTML>
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    		<title>用水量时间曲线图</title>
    		<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
            <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
    		<script type="text/javascript">
    			$(function () {
    			    $('#container').highcharts({
    			        chart: {
    			            zoomType: 'xy'
    			        },
    			        title: {
    			            text: '图表分析'
    			        },
    			        subtitle: {
    			            text: '不同曲线代表不同数据'
    			        },
    	                credits: {//是否显示logo
    			          enabled:false
    			        },
    			        xAxis: [{
    			            categories: ['一月', '二月', '三月', '四月', '五月', '六月',
    			                '七月', '八月', '九月', '十月', '十一月', '十二月'],
    			            labels: {
    			                style: {
    			                    color: '#333333',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			        }],
    			        yAxis: [{ // Primary yAxis
    			            labels: {
    			                formatter: function() {
    			                    return this.value +'m³';
    			                },
    			                style: {
    			                    color: '#4CB143',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            title: {
    			                text: '瞬时流量',
    			                style: {
    			                    color: '#4CB143',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            lineWidth: 1
    			        }, { // Secondary yAxis
    			            gridLineWidth: 0,
    			            title: {
    			                text: '进水温度',
    			                style: {
    			                    color: '#4572A7',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            labels: {
    			                formatter: function() {
    			                    return this.value +' °C';
    			                },
    			                style: {
    			                    color: '#4572A7',
    			                    fontWeight: 'bold'
    			                }
    			            },
    						opposite: true,
    			            lineWidth: 1
    			        }, { // Tertiary yAxis
    			            gridLineWidth: 0,
    			            title: {
    			                text: '回水温度',
    			                style: {
    			                    color: '#AA4643',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            labels: {
    			                formatter: function() {
    			                    return this.value +' °C';
    			                },
    			                style: {
    			                    color: '#AA4643',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            opposite: true,
    			            lineWidth: 1
    			        }, { // Tertiary yAxis
    			            gridLineWidth: 0,
    			            title: {
    			                text: '功率',
    			                style: {
    			                    color: '#8085E9',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            labels: {
    			                formatter: function() {
    			                    return this.value +' W';
    			                },
    			                style: {
    			                    color: '#8085E9',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            opposite: true,
    			            lineWidth: 1
    			        }, { // Tertiary yAxis
    			            gridLineWidth: 0,
    			            title: {
    			                text: '室内温度',
    			                style: {
    			                    color: '#1B979C',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            labels: {
    			                formatter: function() {
    			                    return this.value +' °C';
    			                },
    			                style: {
    			                    color: '#1B979C',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            opposite: true,
    			            lineWidth: 1
    			        }, { // Tertiary yAxis
    			            gridLineWidth: 0,
    			            title: {
    			                text: '室内设定温度',
    			                style: {
    			                    color: '#B44F1F',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            labels: {
    			                formatter: function() {
    			                    return this.value +' °C';
    			                },
    			                style: {
    			                    color: '#B44F1F',
    			                    fontWeight: 'bold'
    			                }
    			            },
    			            opposite: true,
    			            lineWidth: 1
    			        }],
    			        tooltip: {
    			            shared: true
    			        },
    			        legend: {
    			            // layout: 'vertical',
    			            // align: 'left',
    			            // x: 100,
    			            // verticalAlign: 'top',
    			            // y: 20,
    			            // floating: true,
    			            // backgroundColor: '#FFFFFF'
    			        },
    			        series: [{
    			            name: '瞬时流量',
    			            color: '#4CB143',
    			            type: 'spline',
    			            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    			            tooltip: {
    			                valueSuffix: ' m³'
    			            }
    
    			        }, {
    			            name: '进水温度',
    			            type: 'spline',
    			            color: '#4572A7',
    			            yAxis: 1,
    			            data: [1016, 1016, 1015.9, 1015.5, 1012.3, 1009.5, 1009.6, 1010.2, 1013.1, 1016.9, 1018.2, 1016.7],
    			            marker: {
    			                enabled: false
    			            },
    			            dashStyle: 'shortdot',
    			            tooltip: {
    			                valueSuffix: ' °C'
    			            }
    
    			        }, {
    			            name: '回水温度',
    			            color: '#AA4643',
    			            type: 'spline',
    			            yAxis: 2,
    			            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
    			            tooltip: {
    			                valueSuffix: ' °C'
    			            }
    			        }, {
    			            name: '功率',
    			            color: '#8085E9',
    			            type: 'spline',
    			            yAxis: 3,
    			            data: [17.0, 26.9, 39.5, 24.5, 28.2, 31.5, 35.2, 16.5, 33.3, 28.3, 23.9, 19.6],
    			            tooltip: {
    			                valueSuffix: ' W'
    			            }
    			        }, {
    			            name: '室内温度',
    			            color: '#1B979C',
    			            type: 'spline',
    			            yAxis: 4,
    			            data: [27.0, 36.9, 49.5, 34.5, 18.2, 11.5, 15.2, 36.5, 13.3, 8.3, 3.9, 39.6],
    			            tooltip: {
    			                valueSuffix: ' °C'
    			            }
    			        }, {
    			            name: '室内设定温度',
    			            color: '#B44F1F',
    			            type: 'spline',
    	                    yAxis: 5,
    			            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 36.5, 13.3, 38.3, 43.9, 29.6],
    			            tooltip: {
    			                valueSuffix: ' °C'
    			            }
    			        }]
    			    });
    			});				
    		</script>
    	</head>
    	<body>
            <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    	</body>
    </html>
    

    展开全文
  • ASP 从数据读取数据生成三条曲线图,数据在线填报。
  • 主要代码如下: for (int i = 0; i < dt.Rows.Count; i++) { Series series = new Series("线条" + (i + 1).ToString()); series.ChartType = SeriesChartType.Spline; ...

    主要代码如下:

    for (int i = 0; i < dt.Rows.Count; i++)
                {
                    Series series = new Series("线条" + (i + 1).ToString());
                    series.ChartType = SeriesChartType.Spline;
                    series.BorderWidth = 2;// 线宽2个像素
                    chart1.Series.Add(series);
                }
                chart1.ChartAreas[0].AxisX.Interval = 6;//设置横坐标间距
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    for (int j = 2; j < dt.Columns.Count; j++)
                        if (dt.Rows[i][j].ToString() != "")
                        {
                            chart1.Series["线条" + (i + 1).ToString()].Points.AddXY(dt.Columns[j].ColumnName, dt.Rows[i][j].ToString());
                            //chart1.Series["线条" + (i + 1).ToString()].IsValueShownAsLabel = true;
                        }
                    
                }

    展开全文
  • python/matlibplot绘制多条曲线图

    万次阅读 2018-02-28 16:35:29
      这里我利用的是matplotlib.pyplot.plot的工具来绘制折线,这里先给出一个段代码和结果:# -*- coding: UTF-8 -*- import numpy as np import matplotlib as mpl import matplotlib.pyplot as plt #这里导入...

      这里我利用的是matplotlib.pyplot.plot的工具来绘制折线图,这里先给出一个段代码和结果图:

    # -*- coding: UTF-8 -*-
    import numpy as np
    import matplotlib as mpl
    import matplotlib.pyplot as plt
    
    #这里导入你自己的数据
    #......
    #......
    #x_axix,train_pn_dis这些都是长度相同的list()
    
    #开始画图
    sub_axix = filter(lambda x:x%200 == 0, x_axix)
    plt.title('Result Analysis')
    plt.plot(x_axix, train_acys, color='green', label='training accuracy')
    plt.plot(sub_axix, test_acys, color='red', label='testing accuracy')
    plt.plot(x_axix, train_pn_dis,  color='skyblue', label='PN distance')
    plt.plot(x_axix, thresholds, color='blue', label='threshold')
    plt.legend() # 显示图例
    
    plt.xlabel('iteration times')
    plt.ylabel('rate')
    plt.show()
    #python 一个折线图绘制多个曲线

    这里写图片描述
      这里我谈谈matplotlib.pyplot.plot()的使用方法,先附上一个官方文档链接,然后我说下可能用到的一些参数,参数可选的内容我就不一一展开了,大家可以去上面那个连接里查:

    • color:曲线颜色,blue,green,red等等
    • label:图例,这个参数内容就自定义啦,注意如果写这个参数一定要加上plt.legend(),之后再plt.show()才有有用!
    • linestyle:曲线风格,’–’,’-.’,’:’等等
    • linewidth:曲线宽度,自定义就可以
    • marker:标记点样式,’o’,’x’,也就是说这些符号会标示出曲线上具体的“点”,这样一来就易于观察曲线上那些地方是支撑点
    • markersize:标记点的大小,自定义就可以

      后续有图表方面的内容会继续更新~

    展开全文
  • cht1.Title.Text.Text := formatDateTime('yyyy-mm-dd', dtpBgDATE.Date) + '至' + formatDateTime('yyyy-mm-dd', dtpEndDATE.Date) + '[客人入住预测走势]'; for i := 0 to cbBid.Items.Count - 1 do begin ...

     门店对比

    procedure TF250324.CreateFastLines;
    var
      i: Integer;
      lcs:TFastLineSeries;
    const
      lr: array[0..8] of TColor = (clred, clGreen, clPurple, cllime,clBlue , clBlack, clskyblue, clMaroon, clYellow);
    begin
      inherited;
    
      if MemReport.IsEmpty then
        Exit;
    
    
    
        //画走势图 
    
      cht1.SeriesList.Clear;
      cht1.Title.Text.Text := formatDateTime('yyyy-mm-dd', dtpBgDATE.Date) + '至' + formatDateTime('yyyy-mm-dd', dtpEndDATE.Date) + '[客人入住预测走势图]';
    
    
      for i := 0 to cbBid.Items.Count - 1 do
      begin
        if i = cbBid.Items.Count - 1 then  Continue;
    
        lcs := TFastLineSeries.Create(cht1);
        lcs.Title := cbBid.Items[i];
        lcs.Marks.Style := smsvalue;
        lcs.LinePen.Width := 3;
        lcs.Marks.Arrow.Visible := True;
        lcs.Marks.Callout.ArrowHead := ahSolid;
        lcs.Marks.Callout.ArrowHeadSize := 12;
        lcs.Marks.Visible := True;
        lcs.SeriesColor := lr[i];
        cht1.AddSeries(lcs);
      end;
    
    
      cht1.Width := 1920;
      cht1.Height := 700;
      if MemReport.RecordCount > 60 then
        cht1.Width := 40 * MemReport.RecordCount;
    
    
      with MemReport do
      begin
        DisableControls;
        First;
        while not eof do
        begin
    
          for i := 0 to cbBid.Items.Count - 1 do
          begin
            if i = cbBid.Items.Count - 1 then  Continue  ;
    //        cht1.SeriesList.Items[i].AddY(FieldByName('总入住数量').AsInteger, FormatDateTime('m.d', FieldByName('日期').AsDateTime), cht1.SeriesList.Items[i].SeriesColor)
    
            cht1.SeriesList.Items[i].AddY(FieldByName(cbBid.Items[i] + '入住数量|总数').AsInteger, FormatDateTime('m.d', FieldByName('日期').AsDateTime), cht1.SeriesList.Items[i].SeriesColor);
          end;
    
          next;
        end;
        First;
        EnableControls;
      end;
    //
    //  for i := 1 to 31 do
    //  begin
    //    lcs.AddY(MemReport.FieldByName(IntToStr(i)).AsFloat, 'D' + IntToStr(i), clRed);
    //  end;
    
    
      cht1.Visible := True;
    
    end;

    展开全文
  • 添加数据给多条线的 LineChart ArrayList<Entry> yVals1 = new ArrayList(); for ( int i = 0 ; i ; i++) { float mult = range / 2 f; float val = ( float ) (Math.random() * mult) + 50 ; ...
  • 效果: <div id="chartmainbar"></div> optionbarline: { title: { text: '按变更时间统计变更次数', x: '10px', // y 设置垂直安放位置,默认全顶端,可选值:'top' ¦ 'bottom' ¦ '...
  • Series series1 = new Series("曲线1", ViewType.Spline); Series series2 = new Series("曲线2", ViewType.Spline); series1.Points.Add(new SeriesPoint(1, 2)); series1.Points.Add(new SeriesPoint(2, 5));...
  • c# 画曲线,x坐标可以变化,y坐标可变,多条曲线共同显示,不同颜色的曲线,有图标
  • highcharts插件在动态曲线图上添加多条曲线时,只有最后一条曲线显示绘制动画![图片说明](https://img-ask.csdn.net/upload/201710/30/1509337681_332404.jpg)
  • echarts实现动态曲线图多条曲线

    万次阅读 2019-07-02 18:57:29
    本项目基于echarts 2.0版本和jquery-3.4.0版本,可实现点击“开始”按钮,会显示两动态曲线;点击“停止”按钮,曲线清空,项目效果如下所示: 废话不说,直接上代码 HTML部分 <div id="current_A" style=...
  • Android图表控件MPAndroidChart的简单介绍(MPAndroidChart3.0)Android图表控件MPAndroidChart——曲线图LineChart的使用(多条曲线)Android图表控件MPAndroidChart——曲线图LineChart(多条曲线)动态添加数据A....
  • 你架不住产品的设计啊,比如,正常的多条柱形,X轴的显示位置都是在柱形分割的位置: 但是呢,如果让你将分割显示在对应的柱形下面呢? 就需要调整X轴,调整后柱形还会有着可能显示不全的问题,或者是少...
  • rqt_plot画多个中包含多条曲线如何多条曲线一起输出在同一个上如何同时显示多张图 如何多条曲线一起输出在同一个上 自定义消息或者使用ros自带的消息格式将你想要画的标量的数据放在一个消息里进行传输,...
  • origin 三维坐标中 多条曲线 waterfall 绘图
  • 发现最新的MPAndroidChart和以前版本的使用有一些差距,就写下了现在新版的使用方法 ...Android图表控件MPAndroidChart——曲线图LineChart的使用(多条曲线) Android图表控件MPAndroidChart——曲线图LineCh

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,318
精华内容 527
关键字:

多条曲线图