C3 Interface

class epyk.interfaces.graphs.CompChartsC3.C3(ui)

area(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display an area line chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_step.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

area_step(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a area step line chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_step.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

bar(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a bar chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_bar.html

Parameters:

• record – Optional. The Python list of dictionaries.

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

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

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

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

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

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

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

donut(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a donut chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_donut.html

Parameters:

• record – Optional. The Python list of dictionaries.

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

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

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

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

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

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

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

gauge(value: float = 0, text: str = '', profile: Optional[Union[bool, dict]] = None, options: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), html_code: Optional[str] = None)

Display a gauge chart from C3.

Tags:

Categories:

Usage:

c = page.ui.charts.c3.gauge(45)
page.ui.button("Update").click([c.build(10)])

Related Pages:

https://c3js.org/samples/chart_gauge.html

Parameters:

• value – Optional. The value

• text – Optional. The gauge text

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

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

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

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

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

hbar(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a horizontal bar chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/axes_rotated.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

line(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a line chart from C3.

Tags:

Categories:

Usage:

dataPoints = [
  {'x': 0, 'y': 10, 'y1': 10},
  {'x': 1, 'y': 35, 'y1': 20},
  {'x': 2, 'y': 25, 'y1': 10},
  {'x': 3, 'y': 30, 'y1': 5},
  {'x': 4, 'y': 28, 'y1': 10}]
c = page.ui.charts.c3.line(dataPoints2, y_columns=["y", 'y1'], x_axis='x') #dataPoints, y_columns=["y", 'y1'], x_axis='x')

Related Pages:

https://c3js.org/reference.html#line-connectNull

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

pie(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a pie chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_pie.html https://c3js.org/reference.html#pie-label-show

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

plot(record=None, y=None, x=None, kind: str = 'line', profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None, **kwargs)

Tags:

Categories:

Usage:

Related Pages:

Parameters:

• record – Optional. The list of dictionaries with the input data

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

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

• kind – Optional. The chart type

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

• width – Optional. The width of the component in the page, default (100, ‘%’)

• height – Optional. The height of the component in the page, default (330, “px”)

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

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

scatter(record=None, y_columns=None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a Scatter chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/axes_rotated.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

spline(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a spline line chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_spline.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

stanford(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, epoch_col=None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Tags:

Categories:

Related Pages:

https://c3js.org/samples/chart_stanford.html

Usage:

:param record: Optional. The Python list of dictionaries
:param y_columns: Optional. The columns corresponding to keys in the dictionaries in the record
:param x_axis: Optional. The column corresponding to a key in the dictionaries in the record
:param epoch_col: Optional. The column corresponding to a key
:param profile: Optional. A flag to set the component performance storage
:param width: Optional. A tuple with the integer for the component width and its unit
:param height: Optional. A tuple with the integer for the component height and its unit
:param options: Optional. Specific Python options available for this component
:param html_code: Optional. An identifier for this component (on both Python and Javascript side)

step(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), options: Optional[Union[bool, dict]] = None, html_code: Optional[str] = None)

Display a step line chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/chart_step.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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

timeseries(record=None, y_columns: Optional[list] = None, x_axis: Optional[str] = None, profile: Optional[Union[bool, dict]] = None, options: Optional[Union[bool, dict]] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), html_code: Optional[str] = None)

Display a timeseries chart from C3.

Tags:

Categories:

Usage:

Related Pages:

https://c3js.org/samples/timeseries.html

Parameters:

• record – Optional. The Python list of dictionaries

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

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

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

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

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

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

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