CINXE.COM
Error bars in MATLAB
<!DOCTYPE html> <html> <head> <!-- This page was last built at 2025-04-08 17:38 --> <meta charset="utf-8" /> <link rel="canonical" href="https://plotly.com/matlab/error-bars/" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,500&display=swap" rel="stylesheet" /> <!-- Media query magic - http://stackoverflow.com/questions/19945658/my-iphone-thinks-its-980px-wide --> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="/all_static/javascripts/algolia/instantsearch.js"></script> <script src="/all_static/javascripts/algolia/polyfill.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script> const theme = localStorage.getItem('theme'); if (theme === "dark-mode") { var root = document.getElementsByTagName('html')[0]; // '0' to assign the first (and only `HTML` tag) root.setAttribute('class', 'dark-mode'); } </script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" crossorigin="anonymous"> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" crossorigin="anonymous"></script> <link href="https://esm.sh/@markprompt/css@0.18.0?css" rel="stylesheet" /> <link href="/all_static/css/markprompt.css" rel="stylesheet" /> <!-- code highlighting --> <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js"></script> <script> hljs.initHighlightingOnLoad(); </script>--> <!-- Mathjax --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script> <!-- Plotly.js --> <script src="https://cdn.plot.ly/plotly-3.0.1.min.js"></script> <!-- //// Stylesheets --> <style> .mcode { border: 1px solid #cfcfcf; border-radius: 2px; background: #f7f7f7; padding: 10px; } </style> <!-- Fonts --> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Ubuntu+Mono:400,700|Asap" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> <!-- Main Stylesheets --> <link rel="stylesheet" type="text/css" href="/all_static/css/main.css?version=false" /> <link rel="stylesheet" type="text/css" href="/all_static/css/improve.css?version=2025-04-08-17-38"> <!-- LOCAL DEV STYLESHEET --> <!--<link rel="stylesheet" type="text/css" href="http://api.plotly.dev/all_static/css/main.css">--> <!-- Icon --> <link rel="shortcut icon" href="https://dash.plotly.com/assets/favicon.ico" /> <!-- Google Tags--> <!-- Google Tag Manager Tag --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6T2RXG');</script> <!-- META TAGS --> <!-- Capture language --> <!-- Create a title --> <!-- Count number of plots on the page --> <!-- SEO Tags - title, meta_description --> <title> Error bars in MATLAB </title> <meta name="description" content="Over 11 examples of Error Bars including changing color, size, log axes, and more in MATLAB."> <!-- Bing tags --> <meta name="msvalidate.01" content="D319859A832F9F1D15A7646E2A42150A" /> <!-- Facebook tags --> <meta property="og:title" content= Error bars in MATLAB /> <meta property="og:type" content="website"/> <meta property="og:image" content="https://help.plot.ly/images/twitter-default.png"> <meta property="og:description" content="Over 11 examples of Error Bars including changing color, size, log axes, and more in MATLAB."/> <meta property="og:url" /> <meta property="fb:admins" content="1123751525"/> <meta property="fb:admins" content="22418"/> <!-- twitter tags --> <meta name="twitter:card" content="photo" /> <meta name="twitter:title" content= Error bars in MATLAB /> <meta name="twitter:url" content="https://plotly.com/matlab/error-bars/"/> <meta name="twitter:description" content="Over 11 examples of Error Bars including changing color, size, log axes, and more in MATLAB."/> <meta name="twitter:image" content="https://help.plot.ly/images/twitter-default.png"> <meta name="twitter:site" content="@plotlygraphs"/> </head> <body data-spy="scroll" data-target=".watch" style="position:relative;" class="darkmode"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6T2RXG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!--[if lt IE 10]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="menu-mobile"> <div class="switch-mode"> <div class="icon-dark"></div> <div class="switch"></div> <div class="icon-light"></div> </div> <div class="close-menu"></div> <ul> <li><a style="font-weight: bold;" href="https://community.plotly.com/c/plotly-r-matlab-julia-net/29">Forum</a> </li> <li><a style="font-weight: bold;" href="https://plotly.com/get-pricing/">Pricing</a></li> <li><a style="font-weight: bold;" href="https://dash.plotly.com">Dash</a></li> <!--<li><a style="font-weight: bold;" href="http://plotly.cloud">Dash Cloud</a></li>--> </ul> </div> <div class="header-container"> <header class="header-main --default"> <div class="--wrap"> <div class="--wrap-left"> <div class="-identity"> <a href="https://plotly.com/"><img src="/all_static/images/graphing_library_dark.svg" style="height: 30px;" class="logo-dark"></a> <a href="/graphing-libraries/"><img src="/all_static/images/graphing_library.svg" style="height: 30px;" class="logo-white"></a> </div> </div> <div class="--wrap-right"> <nav class="--nav-meta" role="navigation"> <ul> <li class="languages"> <a class="matlab"> <div class="icon"></div> MATLAB® </a> <ul> <li> <a href="https://plotly.com/python/" class="python"> <div class="icon"></div>Python (v6.0.1) </a> </li> <li> <a href="https://plotly.com/r/" class="r"> <div class="icon"></div>R </a> </li> <li> <a href="https://plotly.com/julia/" class="julia"> <div class="icon"></div>Julia </a> </li> <li> <a href="https://plotly.com/javascript/" class="plotly_js"> <div class="icon"></div>Javascript (v3.0.1) </a> </li> <li> <a href="https://plotly.com/ggplot2/" class="ggplot2"> <div class="icon"></div>ggplot2 </a> </li> <li> <a href="https://plotly.com/matlab/" class="matlab"> <div class="icon"></div>MATLAB </a> </li> <li> <a href="https://plotly.com/fsharp/" class="fsharp"> <div class="icon"></div>F# </a> </li> <li> <a href="https://dash.plotly.com/" class="dash"> <div class="icon"></div>Dash </a> </li> </ul> </li> <li><a style="font-weight: bold;" href="https://community.plotly.com/c/plotly-r-matlab-julia-net/29">Forum</a> </li> <li><a style="font-weight: bold;" href="https://plotly.com/get-pricing/">Pricing</a></li> <li><a style="font-weight: bold;" href="https://dash.plotly.com">Dash</a></li> <!--<li><a style="font-weight: bold;" href="http://plotly.cloud">Dash Cloud</a></li>--> <iframe src="https://ghbtns.com/github-btn.html?user=plotly&repo=plotly_matlab&type=star&count=true&size=large" style="padding-top: 5px;" frameborder="0" scrolling="0" width="160px" height="40px"></iframe> </ul> <div class="switch-mode"> <div class="icon-dark"></div> <div class="switch"></div> <div class="icon-light"></div> </div> </nav> </div> <div class="menu-icon"> <span></span><span></span><span></span> </div> </div> </header> </div> <main class="--page page--single --index"> <div class="--wrap"> <!-- aside - Main Sidebar--> <!-- START OF GGPLOT CUSTOM LAYOUT --> <aside class="--sidebar-container"> <div class="--sidebar-fixed reference" data-spy="affix" id="where"> <div class="brand"> <a href="/graphing-libraries/"><img src="/all_static/images/graphing_library.svg" style="height: 30px;"></a> </div> <details style="color: white;margin-top: 20px;" > <summary>Quick Reference</summary> <nav class="--sidebar-body watch" id="where"> <ul class="--sidebar-list" style="margin-left: 15px;"> <!-- Getting Started --> <li class="--sidebar-item"> <a href="/matlab/getting-started" class="js-splash--navigation-item">Getting Started</a> </li> <li class="--sidebar-item"> <a href="/matlab/is-plotly-free" class="js-splash--navigation-item">Is Plotly Free?</a> </li> <!-- Reference Pages --> <li class="--sidebar-item"> <a href="/matlab/reference/index/" class="js-splash--navigation-item">Figure Reference</a> </li> <!-- Python Specific --> <!-- JS Specific --> <!-- R Specific --> <!-- Python/v3 Index Page Specific --> <!-- User Guides --> <li class="--sidebar-item"> <a href="/matlab/user-guide/" class="js-splash--navigation-item">User Guide</a> </li> <!-- Github Links --> <li class="--sidebar-item"> <a target="_blank" href="https://github.com/plotly/plotly-graphing-library-for-matlab" class="js-splash--navigation-item">GitHub</a> </li> <li class="--sidebar-item"> <a target="_blank" href="http://community.plotly.com/" class="js-splash--navigation-item">community.plotly.com</a> </li> </ul> </nav> </details> <details style="color: white;margin-top: 20px;" open> <summary>On This Page</summary> <nav class="--sidebar-body watch" id="where"> <ul class="--sidebar-list" id="nav_header_insertion_list"></ul> </nav> </details> </div> <a href="https://go.plotly.com/dash-club?utm_source=Dash+Club+2022&utm_medium=graphing_libraries&utm_content=sidebar" target="_blank"> <img src="https://images.prismic.io/plotly-marketing-website-2/7953022d-73b1-481e-8f6b-9ce9bd80e588_Dash+Club.jpeg?auto=compress,format" style="width: 200px; height: 200px; position: fixed; bottom: 10px; left: 50px" alt="Sign up to Dash Club to get two free cheat sheets as well as tips and tricks, community apps, and deep dives delivered every two months"> </a> </aside> <!-- Main--> <section class="--page-body --tutorial-index --base"> <header class="--welcome"> <div class="--welcome-body"> <!--div.--wrap-inner--> <div class="--title"> <div class="--body"> <div class="nav-breadcrumb-container"> <div> <div class="breadcrumb-nav"> <a href="/matlab"> MATLAB<sup>®</sup> </a> > <a href="/matlab/statistical-charts">Statistical Charts</a> > <span>Error Bars</span> </div> </div> <div class="nav-breadcrumb-right"> <div class="--fork"> <a id="forklink" href= "https://github.com/plotly/graphing-library-docs/edit/master/_posts/matlab/md/2021-08-04-error-bars.md" > <div class="icon"> <svg style="width:20px;height:20px" viewbox="0 0 24 24"> <path fill="#000000" d="M2.6,10.59L8.38,4.8L10.07,6.5C9.83,7.35 10.22,8.28 11,8.73V14.27C10.4,14.61 10,15.26 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.26 13.6,14.61 13,14.27V9.41L15.07,11.5C15,11.65 15,11.82 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10C16.82,10 16.65,10 16.5,10.07L13.93,7.5C14.19,6.57 13.71,5.55 12.78,5.16C12.35,5 11.9,4.96 11.5,5.07L9.8,3.38L10.59,2.6C11.37,1.81 12.63,1.81 13.41,2.6L21.4,10.59C22.19,11.37 22.19,12.63 21.4,13.41L13.41,21.4C12.63,22.19 11.37,22.19 10.59,21.4L2.6,13.41C1.81,12.63 1.81,11.37 2.6,10.59Z"> </path> </svg> </div> <span>Suggest an edit to this page</span> </a> </div> </div> </div> <h1> Error Bars in MATLAB<sup>®</sup> </h1> <p>How to make Error Bar plots in MATLAB<sup>®</sup> with Plotly. </p> <br> <!-- <div class="db-client-lib"> <label> This page in another language </label> <div class="list-lib-wrap"> <div class="list-lib"> <a href=" /julia/error-bars/" class="list-lib-item julia"> <div class="item-icon"> </div> <p class="item-language"> Julia </p> </a> <a href=" /matlab/error-bars/" class="current list-lib-item matlab"> <div class="item-icon"> </div> <p class="item-language"> MATLAB® </p> </a> <a href=" /ggplot2/error-bars/" class="list-lib-item ggplot2"> <div class="item-icon"> </div> <p class="item-language"> ggplot2 </p> </a> <a href=" /python/error-bars/" class="list-lib-item python"> <div class="item-icon"> </div> <p class="item-language"> Python </p> </a> <a href=" /fsharp/error-bars/" class="list-lib-item fsharp"> <div class="item-icon"> </div> <p class="item-language"> F# </p> </a> <a href=" /r/error-bars/" class="list-lib-item r"> <div class="item-icon"> </div> <p class="item-language"> R </p> </a> <a target="_blank" href="https://plotly.com/chart-studio-help/make-a-graph-with-error-bars/" class="list-lib-item studio"> <div class="item-icon"> </div> <p class="item-language"> Studio </p> </a> </div> </div> </div> --> </div> </div> </div> </header> <!-- Start Plotly Basics Section --> <section class="tutorial-content"> <h2>Plot Vertical Error Bars of Equal Length</h2> <p>Create vectors <code>x</code> and <code>y</code>. Plot <code>y</code> versus <code>x</code>. At each data point, display vertical error bars that are equal in length.</p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">10</span><span class="p">:</span><span class="mi">100</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="p">[</span><span class="mi">20</span> <span class="mi">30</span> <span class="mi">45</span> <span class="mi">40</span> <span class="mi">60</span> <span class="mi">65</span> <span class="mi">80</span> <span class="mi">75</span> <span class="mi">95</span> <span class="mi">90</span><span class="p">];</span> <span class="n">err</span> <span class="o">=</span> <span class="mi">8</span><span class="o">*</span><span class="nb">ones</span><span class="p">(</span><span class="nb">size</span><span class="p">(</span><span class="n">y</span><span class="p">));</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6127971" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6127971" )) { Plotly.newPlot("plot-6127971", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [1, 11, 21, 31, 41, 51, 61, 71, 81, 91], "y": [20, 30, 45, 40, 60, 65, 80, 75, 95, 90], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [8, 8, 8, 8, 8, 8, 8, 8, 8, 8], "arrayminus": [8, 8, 8, 8, 8, 8, 8, 8, 8, 8], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [0, 100], "mirror": "ticks", "ticktext": ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110], "range": [10, 110], "mirror": "ticks", "ticktext": ["10", "20", "30", "40", "50", "60", "70", "80", "90", "100", "110"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6127971"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Plot Vertical Error Bars that Vary in Length</h2> <p>Create a line plot with error bars at each data point. Vary the lengths of the error bars. </p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">10</span><span class="p">:</span><span class="mi">100</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="p">[</span><span class="mi">20</span> <span class="mi">30</span> <span class="mi">45</span> <span class="mi">40</span> <span class="mi">60</span> <span class="mi">65</span> <span class="mi">80</span> <span class="mi">75</span> <span class="mi">95</span> <span class="mi">90</span><span class="p">];</span> <span class="n">err</span> <span class="o">=</span> <span class="p">[</span><span class="mi">5</span> <span class="mi">8</span> <span class="mi">2</span> <span class="mi">9</span> <span class="mi">3</span> <span class="mi">3</span> <span class="mi">8</span> <span class="mi">3</span> <span class="mi">9</span> <span class="mi">3</span><span class="p">];</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6306362" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6306362" )) { Plotly.newPlot("plot-6306362", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [1, 11, 21, 31, 41, 51, 61, 71, 81, 91], "y": [20, 30, 45, 40, 60, 65, 80, 75, 95, 90], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [5, 8, 2, 9, 3, 3, 8, 3, 9, 3], "arrayminus": [5, 8, 2, 9, 3, 3, 8, 3, 9, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [0, 100], "mirror": "ticks", "ticktext": ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110], "range": [10, 110], "mirror": "ticks", "ticktext": ["10", "20", "30", "40", "50", "60", "70", "80", "90", "100", "110"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6306362"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Plot Horizontal Error Bars</h2> <p>Create a line plot with horizontal error bars at each data point. </p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">10</span><span class="p">:</span><span class="mi">100</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="p">[</span><span class="mi">20</span> <span class="mi">30</span> <span class="mi">45</span> <span class="mi">40</span> <span class="mi">60</span> <span class="mi">65</span> <span class="mi">80</span> <span class="mi">75</span> <span class="mi">95</span> <span class="mi">90</span><span class="p">];</span> <span class="n">err</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">6</span> <span class="mi">4</span> <span class="mi">3</span> <span class="mi">3</span><span class="p">];</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">,</span><span class="s1">'horizontal'</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6447469" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6447469" )) { Plotly.newPlot("plot-6447469", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [1, 11, 21, 31, 41, 51, 61, 71, 81, 91], "y": [20, 30, 45, 40, 60, 65, 80, 75, 95, 90], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [1, 3, 5, 3, 5, 3, 6, 4, 3, 3], "arrayminus": [1, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [0, 100], "mirror": "ticks", "ticktext": ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [20, 100], "mirror": "ticks", "ticktext": ["20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6447469"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Plot Vertical and Horizontal Error Bars</h2> <p>Create a line plot with both vertical and horizontal error bars at each data point. </p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">10</span><span class="p">:</span><span class="mi">100</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="p">[</span><span class="mi">20</span> <span class="mi">30</span> <span class="mi">45</span> <span class="mi">40</span> <span class="mi">60</span> <span class="mi">65</span> <span class="mi">80</span> <span class="mi">75</span> <span class="mi">95</span> <span class="mi">90</span><span class="p">];</span> <span class="n">err</span> <span class="o">=</span> <span class="p">[</span><span class="mi">4</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">6</span> <span class="mi">4</span> <span class="mi">3</span> <span class="mi">3</span><span class="p">];</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">,</span><span class="s1">'both'</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6581767" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6581767" )) { Plotly.newPlot("plot-6581767", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [1, 11, 21, 31, 41, 51, 61, 71, 81, 91], "y": [20, 30, 45, 40, 60, 65, 80, 75, 95, 90], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "arrayminus": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "arrayminus": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [-20, 0, 20, 40, 60, 80, 100], "range": [-20, 100], "mirror": "ticks", "ticktext": ["-20", "0", "20", "40", "60", "80", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [10, 100], "mirror": "ticks", "ticktext": ["10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6581767"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Plot Error Bars with No Line</h2> <p>Plot vectors <code>y</code> versus <code>x</code>. At each data point, display a circle marker with both vertical and horizontal error bars. Do not display the line that connects the data points by omitting the line style option for the <code>linespec</code> input argument.</p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">10</span><span class="p">:</span><span class="mi">100</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="p">[</span><span class="mi">20</span> <span class="mi">30</span> <span class="mi">45</span> <span class="mi">40</span> <span class="mi">60</span> <span class="mi">65</span> <span class="mi">80</span> <span class="mi">75</span> <span class="mi">95</span> <span class="mi">90</span><span class="p">];</span> <span class="n">err</span> <span class="o">=</span> <span class="p">[</span><span class="mi">4</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">6</span> <span class="mi">4</span> <span class="mi">3</span> <span class="mi">3</span><span class="p">];</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">,</span><span class="s1">'both'</span><span class="p">,</span><span class="s1">'o'</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6716109" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6716109" )) { Plotly.newPlot("plot-6716109", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "markers", "x": [1, 11, 21, 31, 41, 51, 61, 71, 81, 91], "y": [20, 30, 45, 40, 60, 65, 80, 75, 95, 90], "line": {}, "marker": {"size": 3.6, "symbol": "circle", "line": {"width": 0.5, "color": "rgb(0,113.985,188.955)"}, "color": "rgba(0,0,0,0)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "arrayminus": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "arrayminus": [4, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [-20, 0, 20, 40, 60, 80, 100], "range": [-20, 100], "mirror": "ticks", "ticktext": ["-20", "0", "20", "40", "60", "80", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [10, 100], "mirror": "ticks", "ticktext": ["10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6716109"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Control Error Bars Lengths in All Directions</h2> <p>Display both vertical and horizontal error bars at each data point. Control the lower and upper lengths of the vertical error bars using the <code>yneg</code> and <code>ypos</code> input argument options, respectively. Control the left and right lengths of the horizontal error bars using the <code>xneg</code> and <code>xpos</code> input argument options, respectively. </p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">10</span><span class="p">:</span><span class="mi">100</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="p">[</span><span class="mi">20</span> <span class="mi">30</span> <span class="mi">45</span> <span class="mi">40</span> <span class="mi">60</span> <span class="mi">65</span> <span class="mi">80</span> <span class="mi">75</span> <span class="mi">95</span> <span class="mi">90</span><span class="p">];</span> <span class="n">yneg</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">6</span> <span class="mi">4</span> <span class="mi">3</span> <span class="mi">3</span><span class="p">];</span> <span class="n">ypos</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">2</span> <span class="mi">5</span> <span class="mi">2</span> <span class="mi">2</span> <span class="mi">5</span> <span class="mi">5</span><span class="p">];</span> <span class="n">xneg</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">6</span> <span class="mi">4</span> <span class="mi">3</span> <span class="mi">3</span><span class="p">];</span> <span class="n">xpos</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2</span> <span class="mi">5</span> <span class="mi">3</span> <span class="mi">5</span> <span class="mi">2</span> <span class="mi">5</span> <span class="mi">2</span> <span class="mi">2</span> <span class="mi">5</span> <span class="mi">5</span><span class="p">];</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">yneg</span><span class="p">,</span><span class="n">ypos</span><span class="p">,</span><span class="n">xneg</span><span class="p">,</span><span class="n">xpos</span><span class="p">,</span><span class="s1">'o'</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6845080" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6845080" )) { Plotly.newPlot("plot-6845080", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "markers", "x": [1, 11, 21, 31, 41, 51, 61, 71, 81, 91], "y": [20, 30, 45, 40, 60, 65, 80, 75, 95, 90], "line": {}, "marker": {"size": 3.6, "symbol": "circle", "line": {"width": 0.5, "color": "rgb(0,113.985,188.955)"}, "color": "rgba(0,0,0,0)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [2, 5, 3, 5, 2, 5, 2, 2, 5, 5], "arrayminus": [1, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [2, 5, 3, 5, 2, 5, 2, 2, 5, 5], "arrayminus": [1, 3, 5, 3, 5, 3, 6, 4, 3, 3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [0, 100], "mirror": "ticks", "ticktext": ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [10, 20, 30, 40, 50, 60, 70, 80, 90, 100], "range": [10, 100], "mirror": "ticks", "ticktext": ["10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6845080"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Plot Datetime Values with Error Bars</h2> <p>Create a plot of datetime values with error bars in duration units. </p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">:</span><span class="mi">13</span><span class="p">;</span> <span class="n">y</span> <span class="o">=</span> <span class="nb">datetime</span><span class="p">(</span><span class="mi">2018</span><span class="p">,</span><span class="mi">5</span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="mi">1</span><span class="p">:</span><span class="mi">13</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span> <span class="n">err</span> <span class="o">=</span> <span class="nb">hours</span><span class="p">(</span><span class="nb">rand</span><span class="p">(</span><span class="mi">13</span><span class="p">,</span><span class="mi">1</span><span class="p">));</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-6976762" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-6976762" )) { Plotly.newPlot("plot-6976762", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13], "y": [737181.041666667, 737181.083333333, 737181.125, 737181.166666667, 737181.208333333, 737181.25, 737181.291666667, 737181.333333333, 737181.375, 737181.416666667, 737181.458333333, 737181.5, 737181.541666667], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [0.0272532957698659, 0.028717270964167, 0.0311729830343212, 0.0187725666042707, 0.00349255741653886, 0.00954070702986745, 0.0380557233959029, 0.00634908412371762, 0.0344090407287311, 0.0224309348025024, 0.0415056131927869, 0.00325731369804932, 0.0184449279073103], "arrayminus": [0.0272532957698659, 0.028717270964167, 0.0311729830343212, 0.0187725666042707, 0.00349255741653886, 0.00954070702986745, 0.0380557233959029, 0.00634908412371762, 0.0344090407287311, 0.0224309348025024, 0.0415056131927869, 0.00325731369804932, 0.0184449279073103], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 2, 4, 6, 8, 10, 12, 14], "range": [0, 14], "mirror": "ticks", "ticktext": ["0", "2", "4", "6", "8", "10", "12", "14"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [737181, 737181.083333333, 737181.166666667, 737181.25, 737181.333333333, 737181.416666667, 737181.5, 737181.583333333], "range": [737181, 737181.583333333], "mirror": "ticks", "ticktext": ["00:00", "02:00", "04:00", "06:00", "08:00", "10:00", "12:00", "14:00"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-6976762"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Add Colored Markers to Each Data Point</h2> <p>Create a line plot with error bars. At each data point, display a marker. Control the appearance of the marker using name-value pair arguments. Use <code>MarkerSize</code> to specify the marker size in points. Use <code>MarkerEdgeColor</code> and <code>MarkerFaceColor</code> to specify the marker outline and interior colors, respectively. Set the colors to either a character vector of a color name, such as <code>'red'</code>, or an RGB triplet. </p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="nb">linspace</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">10</span><span class="p">,</span><span class="mi">15</span><span class="p">);</span> <span class="n">y</span> <span class="o">=</span> <span class="nb">sin</span><span class="p">(</span><span class="n">x</span><span class="p">/</span><span class="mi">2</span><span class="p">);</span> <span class="n">err</span> <span class="o">=</span> <span class="mf">0.3</span><span class="o">*</span><span class="nb">ones</span><span class="p">(</span><span class="nb">size</span><span class="p">(</span><span class="n">y</span><span class="p">));</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">,</span><span class="s1">'-s'</span><span class="p">,</span><span class="s1">'MarkerSize'</span><span class="p">,</span><span class="mi">10</span><span class="p">,</span><span class="k">...</span> <span class="s1">'MarkerEdgeColor'</span><span class="p">,</span><span class="s1">'red'</span><span class="p">,</span><span class="s1">'MarkerFaceColor'</span><span class="p">,</span><span class="s1">'red'</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-7126578" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-7126578" )) { Plotly.newPlot("plot-7126578", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines+markers", "x": [0, 0.714285714285714, 1.42857142857143, 2.14285714285714, 2.85714285714286, 3.57142857142857, 4.28571428571429, 5, 5.71428571428571, 6.42857142857143, 7.14285714285714, 7.85714285714286, 8.57142857142857, 9.28571428571429, 10], "y": [0, 0.349598808135342, 0.655077897178519, 0.877885500694737, 0.989903076372124, 0.97699389417252, 0.84078710579525, 0.598472144103956, 0.280629399514357, -0.0726290558484423, -0.4167216517535, -0.708223558596854, -0.910346944310783, -0.997583635548756, -0.958924274663138], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 6, "symbol": "square", "line": {"width": 0.5, "color": "rgb(255,0,0)"}, "color": "rgb(255,0,0)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "arrayminus": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], "range": [0, 10], "mirror": "ticks", "ticktext": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [-1.5, -1, -0.5, 0, 0.5, 1, 1.5], "range": [-1.5, 1.5], "mirror": "ticks", "ticktext": ["-1.5", "-1", "-0.5", "0", "0.5", "1", "1.5"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-7126578"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Control Error Bar Cap Size</h2> <p>Control the size of the caps at the end of each error bar by setting the <code>CapSize</code> property to a positive value in points.</p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="nb">linspace</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">15</span><span class="p">);</span> <span class="n">y</span> <span class="o">=</span> <span class="nb">exp</span><span class="p">(</span><span class="n">x</span><span class="p">);</span> <span class="n">err</span> <span class="o">=</span> <span class="mf">0.3</span><span class="o">*</span><span class="nb">ones</span><span class="p">(</span><span class="nb">size</span><span class="p">(</span><span class="n">y</span><span class="p">));</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">,</span><span class="s1">'CapSize'</span><span class="p">,</span><span class="mi">18</span><span class="p">)</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-7265803" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-7265803" )) { Plotly.newPlot("plot-7265803", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [0, 0.142857142857143, 0.285714285714286, 0.428571428571429, 0.571428571428571, 0.714285714285714, 0.857142857142857, 1, 1.14285714285714, 1.28571428571429, 1.42857142857143, 1.57142857142857, 1.71428571428571, 1.85714285714286, 2], "y": [1, 1.15356499489511, 1.33071219744735, 1.53506300925521, 1.77079495243515, 2.04272707026614, 2.35641844238366, 2.71828182845905, 3.13571476356982, 3.61725078522994, 4.1727338835981, 4.81351974113148, 5.55270787560584, 6.40540943217727, 7.38905609893065], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "arrayminus": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 0.2, 0.4, 0.6, 0.8, 1, 1.2, 1.4, 1.6, 1.8, 2], "range": [0, 2], "mirror": "ticks", "ticktext": ["0", "0.2", "0.4", "0.6", "0.8", "1", "1.2", "1.4", "1.6", "1.8", "2"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 1, 2, 3, 4, 5, 6, 7, 8], "range": [0, 8], "mirror": "ticks", "ticktext": ["0", "1", "2", "3", "4", "5", "6", "7", "8"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-7265803"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <h2>Modify Error Bars After Creation</h2> <p>Create a line plot with error bars. Assign the errorbar object to the variable <code>e</code>.</p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="nb">linspace</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">10</span><span class="p">,</span><span class="mi">10</span><span class="p">);</span> <span class="n">y</span> <span class="o">=</span> <span class="nb">sin</span><span class="p">(</span><span class="n">x</span><span class="p">/</span><span class="mi">2</span><span class="p">);</span> <span class="n">err</span> <span class="o">=</span> <span class="mf">0.3</span><span class="o">*</span><span class="nb">ones</span><span class="p">(</span><span class="nb">size</span><span class="p">(</span><span class="n">y</span><span class="p">));</span> <span class="n">e</span> <span class="o">=</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">);</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-7391995" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-7391995" )) { Plotly.newPlot("plot-7391995", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines", "x": [0, 1.11111111111111, 2.22222222222222, 3.33333333333333, 4.44444444444444, 5.55555555555556, 6.66666666666667, 7.77777777777778, 8.88888888888889, 10], "y": [0, 0.527415385771866, 0.896192201029956, 0.995407957751765, 0.795220057023049, 0.355841991401066, -0.190567962875485, -0.679657956392746, -0.964317116928778, -0.958924274663138], "line": {"color": "rgb(0,113.985,188.955)", "width": 0.5, "dash": "solid"}, "marker": {"size": 3.6, "line": {"width": 0.5}, "color": "rgb(0,113.985,188.955)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "arrayminus": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(0.000000,113.985000,188.955000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], "range": [0, 10], "mirror": "ticks", "ticktext": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [-1.5, -1, -0.5, 0, 0.5, 1, 1.5], "range": [-1.5, 1.5], "mirror": "ticks", "ticktext": ["-1.5", "-1", "-0.5", "0", "0.5", "1", "1.5"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-7391995"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> <p>Use <code>e</code> to access properties of the errorbar object after it is created.</p> <div class="highlight"><pre><code class="language-matlab" data-lang="matlab"><span class="n">x</span> <span class="o">=</span> <span class="nb">linspace</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">10</span><span class="p">,</span><span class="mi">10</span><span class="p">);</span> <span class="n">y</span> <span class="o">=</span> <span class="nb">sin</span><span class="p">(</span><span class="n">x</span><span class="p">/</span><span class="mi">2</span><span class="p">);</span> <span class="n">err</span> <span class="o">=</span> <span class="mf">0.3</span><span class="o">*</span><span class="nb">ones</span><span class="p">(</span><span class="nb">size</span><span class="p">(</span><span class="n">y</span><span class="p">));</span> <span class="n">e</span> <span class="o">=</span> <span class="nb">errorbar</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">,</span><span class="n">err</span><span class="p">);</span> <span class="n">e</span><span class="o">.</span><span class="n">Marker</span> <span class="o">=</span> <span class="s1">'*'</span><span class="p">;</span> <span class="n">e</span><span class="o">.</span><span class="n">MarkerSize</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span> <span class="n">e</span><span class="o">.</span><span class="n">Color</span> <span class="o">=</span> <span class="s1">'red'</span><span class="p">;</span> <span class="n">e</span><span class="o">.</span><span class="n">CapSize</span> <span class="o">=</span> <span class="mi">15</span><span class="p">;</span> <span class="n">fig2plotly</span><span class="p">(</span><span class="nb">gcf</span><span class="p">);</span> </code></pre></div> <div id="plot-7523709" class="plotly-graph-div js-plotly-plot"></div> <script type = "text/javascript" > require(["plotly"], function(Plotly) { window.PLOTLYENV = window.PLOTLYENV || {}; if (document.getElementById("plot-7523709" )) { Plotly.newPlot("plot-7523709", {"data": [{"type": "scatter", "xaxis": "x1", "yaxis": "y1", "visible": true, "name": "", "mode": "lines+markers", "x": [0, 1.11111111111111, 2.22222222222222, 3.33333333333333, 4.44444444444444, 5.55555555555556, 6.66666666666667, 7.77777777777778, 8.88888888888889, 10], "y": [0, 0.527415385771866, 0.896192201029956, 0.995407957751765, 0.795220057023049, 0.355841991401066, -0.190567962875485, -0.679657956392746, -0.964317116928778, -0.958924274663138], "line": {"color": "rgb(255,0,0)", "width": 0.5, "dash": "solid"}, "marker": {"size": 6, "symbol": "asterisk-open", "line": {"width": 0.5}, "color": "rgb(255,0,0)"}, "showlegend": false, "error_y": {"visible": true, "type": "data", "symmetric": false, "array": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "arrayminus": [0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3, 0.3], "thickness": 0.5, "width": 6, "color": "rgb(255.000000,0.000000,0.000000)"}, "error_x": {"visible": true, "type": "data", "array": [], "arrayminus": [], "thickness": 0.5, "width": 6, "color": "rgb(255.000000,0.000000,0.000000)"}}], "layout": {"autosize": false, "margin": {"pad": 0, "l": 0, "r": 0, "b": 0, "t": 0}, "showlegend": false, "width": 840, "height": 630, "paper_bgcolor": "rgb(255,255,255)", "hovermode": "closest", "xaxis1": {"side": "bottom", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], "range": [0, 10], "mirror": "ticks", "ticktext": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.13, 0.905], "anchor": "y1"}, "scene1": {"domain": {"x": [0.13, 0.905], "y": [0.11, 0.925]}}, "yaxis1": {"side": "left", "zeroline": false, "autorange": false, "linecolor": "rgb(38.250000,38.250000,38.250000)", "linewidth": 1, "exponentformat": "none", "tickfont": {"size": 10, "family": "Arial, sans-serif", "color": "rgb(38.250000,38.250000,38.250000)"}, "ticklen": 6.51, "tickcolor": "rgb(38.250000,38.250000,38.250000)", "tickwidth": 1, "tickangle": -0, "ticks": "inside", "showgrid": false, "gridcolor": "rgba(38.250000,,38.250000,38.250000,0.150000)", "type": "linear", "showticklabels": true, "tickmode": "array", "tickvals": [-1.5, -1, -0.5, 0, 0.5, 1, 1.5], "range": [-1.5, 1.5], "mirror": "ticks", "ticktext": ["-1.5", "-1", "-0.5", "0", "0.5", "1", "1.5"], "titlefont": {"color": "rgb(38.250000,38.250000,38.250000)", "size": 11, "family": "Arial, sans-serif"}, "showline": true, "domain": [0.11, 0.925], "anchor": "x1"}, "annotations": [{"showarrow": false, "xref": "paper", "yref": "paper", "xanchor": "center", "align": "center", "yanchor": "bottom", "text": "<b><b><\/b><\/b>", "x": 0.5175, "y": 0.935, "font": {"color": "rgb(0,0,0)", "family": "Arial, sans-serif", "size": 11}, "bordercolor": "rgba(0,0,0,0)", "textangle": 0, "borderwidth": 0.5, "borderpad": 3}]}, "frames": []} , {"responsive": true} ).then(function() { var gd = document.getElementById("plot-7523709"); var x = new MutationObserver(function(mutations, observer) { { var display = window.getComputedStyle(gd).display; if (!display || display === 'none') { { console.log([gd, 'removed!']); Plotly.purge(gd); observer.disconnect(); } } } }); // Listen for the removal of the full notebook cells var notebookContainer = gd.closest('#notebook-container'); if (notebookContainer) { { x.observe(notebookContainer, { childList: true }); } } // Listen for the clearing of the current output cell var outputEl = gd.closest('.output'); if (outputEl) { { x.observe(outputEl, { childList: true }); } } }) }; }); </script> </section> <!--End Plotly Basics Section--> </section> </div> </main> <script> var array = []; $('.tutorial-content :header:not(h6)').each(function (i, e) { var item = $(e); var itemText = item.text(); var hash = itemText.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '-').replace(/^-+|-+$/g, '').toLowerCase(); item.attr("id", hash); array.push({text: itemText, tag: item.prop("tagName"), hash: hash}); }); $("#nav_header_insertion_list").html(array.map(function(entry) { var text = entry.text.replace(/[^a-z0-9\s\.:\-\?\!\(\))]/gi, ''); if(entry.tag.toLowerCase() < "h4"){ return('<li class="--sidebar-item"><a href="#' + entry.hash + '">' + text + '</a></li>'); } else { return('<li class="--sidebar-item"><a href="#' + entry.hash + '">' + text + '</a></li>'); } }).join("")); //$(".tutorial-content :header:not(h6)").append( "\<div class=\"icon copy\" data-tooltip=\"Click to copy direct link\"><svg style=\"width:24px;height:24px\" viewBox=\"0 0 24 24\"><path fill=\"#000000\" d=\"M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z\"/> </svg> </div>"); </script> <footer class="--footer-main"> <section class="--footer-top"> <div class="--wrap"> <ul class="--footer-body"> <li class="--footer-column"> <h6 style="color:#119dff" class="--footer-heading">JOIN OUR MAILING LIST</h6>			 <ul> 				 <li> <p class="subscribe-text"> Sign up to stay in the loop with all things Plotly — from Dash Club to product updates, webinars, and more!</p> <a href="https://go.plot.ly/subscription" class="subscribe-button" target="_blank"> Subscribe </a> </li> </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#e763fa" class="--footer-heading">Products</h6>			 <ul> <li><a href="https://plotly.com/dash/" target="_self">Dash</a></li> 				 				 <li><a href="https://plotly.com/consulting-and-oem/" target="_self">Consulting and Training</a></li> </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#636efa" class="--footer-heading">Pricing</h6>			 <ul> <li><a href="https://plotly.com/get-pricing/" target="_self">Enterprise Pricing</a></li> 				 </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#00cc96" class="--footer-heading">About Us</h6>			 <ul> <li><a href="https://plotly.com/careers" target="_self">Careers</a></li> 				 <li><a href="https://plotly.com/resources/" target="_self">Resources</a></li> 				 <li><a href="https://medium.com/@plotlygraphs" target="_self">Blog</a></li> 				 </ul> </li> 		 <li class="--footer-column"> <h6 style="color:#EF553B" class="--footer-heading">Support</h6>			 <ul> <li><a href="https://community.plot.ly/" target="_self">Community Support</a></li> 				 <li><a href="https://plotly.com/graphing-libraries" target="_self">Documentation</a></li> 				 </ul> </li> </ul> </div> </section> <section class="--footer-meta"> <div class="--wrap"> <div class="left"> <article class="--copyright">Copyright © 2025 Plotly. All rights reserved.</article> </div> <div class="right"> <article class="--tos"><a href="https://community.plotly.com/tos" target="_blank">Terms of Service</a> </article> <article class="--privacy"><a href="https://plotly.com/privacy/" target="_blank">Privacy Policy</a> </article> </div> </div> <div id="markprompt" /> </section> </footer> <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content" id="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <span style="float: left; padding-top:13px; padding-right:10px;"><i class="fa fa-search fa-lg"></i></span> <input id="search-input" class="search-input" type="text" placeholder="" /> </div> <div class="modal-body" id="modal-body"> <div id="search-results" class="search-results"> <div id="primary-search-results" class="primary-search-results"></div> <div id="schema-search-results" class="schema-search-results"></div> </div> </div> </div> </div> </div> <script> window.plotly_doc_language = "matlab"; </script> <!-- ALGOLIA SEARCH --> <script> window.ALGOLIA_CONFIG = { 'applicationId': '7EK9KHJW8M', 'indexName': 'matlab_docs', 'apiKey': '4dae07ded6a721de73bde7356eec9280', 'baseurl': '/' } </script> <script id="algolia__template" type="text/template"> <div class="algolia__result"> <a class="algolia__result-link" onClick="$('#myModal').modal('toggle')" href="/{{ permalink }}">{{{ _highlightResult.name.value }}}</a> <div class="algolia__result-text">{{{ _highlightResult.description.value }}}</div> </div> </script> <script id="algolia__secondary-template" type="text/template"> <div class="algolia__secondary-result"> <a class="algolia__result-link" onClick="$('#myModal').modal('toggle')" href="/{{ permalink }}">{{{ _highlightResult.name.value }}}</a> <div class="algolia__result-text">{{{ _highlightResult.description.value }}}</div> </div> </script> <script id="algolia__template--no-results" type="text/template">No results found.</script> <script src="//cdn.jsdelivr.net/hogan.js/3.0.2/hogan.min.js"></script> <script src="/all_static/javascripts/algolia/algolia.js"></script> <!-- Hash offset Script --> <script src="/all_static//javascripts/hash_offset.js"></script> <!-- Image Hover Script --> <script src="/all_static/javascripts/imghover.js"></script> <script src="/all_static/javascripts/improve.js?version=2025-04-08-17-38"></script> <!-- code highlighting --> <!--<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script> <script src="/all_static/javascripts/highlight.line-numbers.js"></script>--> <script src="/all_static/javascripts/highlight/highlight.min.js"></script> <script src="/all_static/javascripts/highlight/julia.min.js"></script> <script src="/all_static/javascripts/highlight.line-numbers.js"></script> </body> </html>