Profit Chart

A profit chart is a graphical representation of the relationship between the sales and profits of a business. The concept is especially useful for determining an organization’s breakeven point, where the sales level generates a profit of exactly zero.

You can find a more in depth explanation about the Profit on this page:

https://echarts.apache.org/examples/en/editor.html?c=custom-profit

Properties of Profit Chart

Property Name

Data type

Type

Description

Series

List

Data Model

The main data list that contains information of each label, its name, value and color.

Profit name

Text

Expression

The name of each label. These names will also be used as the legends of the chart.

From values

Number

Expression

The initial value of each profit.

To values

Number

Expression

The last value of each profit.

Profit value

Number

Expression

Numeric value (profit) for each label.

Label color

Text

Expression

The color of each label. It uses an rgba type or Hexadecimal type of color.

For example: "rgba(255,0,0,0.5)" or "#FF0000".

Width

Text

Expression

Width of the chart. It can be settled in px values ('500px') or percentages (100%). Default value is 100%

Height

Text

Expression

Height of the chart. It can be settled in px values ('500px') or percentages (100%). Default value is 100%

Show label value

Boolean

Expression

Display the profit value of each bar.

Label legend position

Text

Dropdown

Position of the values for the labels of the chart. (Inside, left, right, top, bottom)

Background color

Text

Expression

Color for the background of the chart. This widget uses Hexadecimal values (#FFF) or rgba values: 'rgba(255,0,0,0.6)'.

Border color

Text

Expression

Color for the border of the labels. This widget uses Hexadecimal values (#FFF) or rgba values: 'rgba(255,0,0,0.6)'.

Border width

Numeric

Expression

Numeric value for the border width of the labels.

From tooltip text

Text

Expression

Text shown for the "From" tooltip values.

To tooltip text

Text

Expression

Text shown for the "To" tooltip values.

Profit tooltip text

Text

Expression

Text shown for the "Profit" tooltip values.

Last updated