Bar Charts

Getting Started API Reference Contributing Guide Github

Search…

Bar Charts

Makes a vertical bar plot.

A bar plot presents categorical data with rectangular bars with lengths proportional to the values that they represent.
Examples
The bar plot is exposed by the .plot() function called on a Series or DataFrame. The .plot() method accepts an HTML Div id where it renders the plot, while configuration options for the bars drawn can be passed through the config parameter.
Bar plot on Series
1
<!DOCTYPE html>
2
<html lang="en">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
   <script src="https://cdn.plot.ly/plotly-1.2.0.min.js"></script> 
8
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/bundle.min.js"></script>
9
    <title>Document</title>
10
</head>
11
​
12
<body>
13
​
14
    <div id="plot_div"></div>
15
    <script>
16
​
17
        s = new dfd.Series([1, 3, 2, 6, 10, 34, 40, 51, 90, 75])
18
        s.plot("plot_div").bar()
19
​
20
    </script>
21
</body>
22
​
23
</html>
Copied!
Bar plot on DataFrame
1
<!DOCTYPE html>
2
<html lang="en">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
   <script src="https://cdn.plot.ly/plotly-1.2.0.min.js"></script> 
8
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/bundle.min.js"></script>
9
</head>
10
​
11
<body>
12
​
13
    <div id="plot_div"></div>
14
    <script>
15
​
16
        df = new dfd.DataFrame({'pig': [20, 18, 489, 675, 1776],
17
                               'horse': [4, 25, 281, 600, 1900]}, {index: [1990, 1997, 2003, 2009, 2014]})
18
        df.plot("plot_div").bar()
19
​
20
    </script>
21
</body>
22
​
23
</html>
Copied!
To set configuration for your plots, see the Configuring your plot page​

Scatter Plots

Line Charts

Last modified 17d ago

Copy link

Contents

Examples

Bar plot on Series

Bar plot on DataFrame