Plotly2D Interface

class epyk.interfaces.graphs.CompChartsPlotly.Plotly2D(ui)
area(record, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)

How to make a D3.js-based filled area plot in javascript. An area chart displays a solid color between the traces of a graph.

Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

bar(record=None, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

box(record=None, y_columns=None, x_columns=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

:param record: List of dict. Optional. The Python list of dictionaries.
:param y_columns: List. Optional. The columns corresponding to keys in the dictionaries in the record.
:param x_columns: String. Optional. The column corresponding to a key in the dictionaries in the record.
:param profile: Boolean | Dictionary. Optional. A flag to set the component performance storage.
:param width: Tuple. Optional. A tuple with the integer for the component width and its unit.
:param height: Tuple. Optional. A tuple with the integer for the component height and its unit.
:param options: Dictionary. Optional. Specific Python options available for this component.
:param html_code: String. Optional. An identifier for this component (on both Python and Javascript side).
bubble(record, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)

How to make a D3.js-based filled area plot in javascript. An area chart displays a solid color between the traces of a graph.

Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

candlestick(record, closes, highs, lows, opens, x_axis, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

data = page.py.requests.csv(data_urls.PLOTLY_APPLE_PRICES)
sc = page.ui.charts.plotly.candlestick(
    data, closes=["AAPL.Close"], highs=["AAPL.High"], lows=["AAPL.Low"], opens=["AAPL.Open"], x_axis='Date')
Parameters:
  • record – List of dict. Optional. The Python list of dictionaries.

  • closes

  • highs

  • lows

  • opens

  • x_axis

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

donut(record=None, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

gauge(value, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)

How to make a D3.js-based gauge chart in javascript.

Tags:

Categories:

Usage:

gauge = page.ui.charts.plotly.gauge(2000)
gauge.data.gauge.axis.range = [0, 5000]

Related Pages:

Parameters:
  • value

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

group_box(record, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. Optional. The Python list of dictionaries.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

hbar(record, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

histogram(record, y_columns=None, x_columns=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_columns – List. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

Return type:

graph.GraphPlotly.Bar

line(record=None, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

number(value, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • value

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

number_with_delta(value, delta=100, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • value

  • delta

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

pie(record=None, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. Optional. The Python records.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

scatter(record=None, y_columns=None, x_axis=None, text_column=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • text_column – String. Optional.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

scattergl(record, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).

scatterpolar(record, r_columns=None, theta_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

:param record: List of dict. Optional. The Python list of dictionaries.
:param r_columns:
:param theta_axis:
:param profile: Boolean | Dictionary. Optional. A flag to set the component performance storage.
:param width: Tuple. Optional. A tuple with the integer for the component width and its unit.
:param height: Tuple. Optional. A tuple with the integer for the component height and its unit.
:param options: Dictionary. Optional. Specific Python options available for this component.
:param html_code: String. Optional. An identifier for this component (on both Python and Javascript side).
timeseries(record, y_columns=None, x_axis=None, profile=None, options=None, width=(100, '%'), height=(330, 'px'), html_code=None)
Tags:

Categories:

Usage:

Related Pages:

Parameters:
  • record – List of dict. The Python record.

  • y_columns – List. Optional. The columns corresponding to keys in the dictionaries in the record.

  • x_axis – String. Optional. The column corresponding to a key in the dictionaries in the record.

  • profile – Boolean | Dictionary. Optional. A flag to set the component performance storage.

  • width – Tuple. Optional. A tuple with the integer for the component width and its unit.

  • height – Tuple. Optional. A tuple with the integer for the component height and its unit.

  • options – Dictionary. Optional. Specific Python options available for this component.

  • html_code – String. Optional. An identifier for this component (on both Python and Javascript side).