> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-charts/profit-chart.md).

# 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.

{% hint style="info" %}
You can find a more in depth explanation about the Profit on [this ](https://echarts.apache.org/examples/en/editor.html?c=custom-profit)page:

<https://echarts.apache.org/examples/en/editor.html?c=custom-profit>
{% endhint %}

![Image 1: The profit](/files/rlodG2KiuumuMaxiYXdI)

**Properties of Profit Chart**

<table data-header-hidden><thead><tr><th width="169"></th><th width="118"></th><th width="139"></th><th></th></tr></thead><tbody><tr><td><strong>Property Name</strong></td><td><strong>Data type</strong></td><td><strong>Type</strong></td><td><strong>Description</strong></td></tr><tr><td>Series</td><td>List</td><td>Data Model</td><td>The main data list that contains information of each label, its name, value and color.</td></tr><tr><td>Profit name</td><td>Text</td><td>Expression</td><td>The name of each label. These names will also be used as the legends of the chart.</td></tr><tr><td>From values</td><td>Number</td><td>Expression</td><td>The initial value of each profit.</td></tr><tr><td>To values</td><td>Number</td><td>Expression</td><td>The last value of each profit.</td></tr><tr><td>Profit value</td><td>Number</td><td>Expression</td><td>Numeric value (profit) for each label.</td></tr><tr><td>Label color</td><td>Text</td><td>Expression</td><td><p>The color of each label. It uses an rgba type or Hexadecimal type of color.</p><p>For example: "rgba(255,0,0,0.5)" or "#FF0000".</p></td></tr><tr><td>Width</td><td>Text</td><td>Expression</td><td>Width of the chart. It can be settled in px values ('500px') or percentages (100%). Default value is 100%</td></tr><tr><td>Height</td><td>Text</td><td>Expression</td><td>Height of the chart. It can be settled in px values ('500px') or percentages (100%). Default value is 100%</td></tr><tr><td>Show label value</td><td>Boolean</td><td>Expression</td><td>Display the profit value of each bar.</td></tr><tr><td>Label legend position</td><td>Text</td><td>Dropdown</td><td>Position of the values for the labels of the chart. (Inside, left, right, top, bottom)</td></tr><tr><td>Background color</td><td>Text</td><td>Expression</td><td>Color for the background of the chart. This widget uses Hexadecimal values (#FFF) or rgba values: 'rgba(255,0,0,0.6)'.</td></tr><tr><td>Border color</td><td>Text</td><td>Expression</td><td>Color for the border of the labels. This widget uses Hexadecimal values (#FFF) or rgba values: 'rgba(255,0,0,0.6)'.</td></tr><tr><td>Border width</td><td>Numeric</td><td>Expression</td><td>Numeric value for the border width of the labels.</td></tr><tr><td>From tooltip text</td><td>Text</td><td>Expression</td><td>Text shown for the "From" tooltip values.</td></tr><tr><td>To tooltip text</td><td>Text</td><td>Expression</td><td>Text shown for the "To" tooltip values.</td></tr><tr><td>Profit tooltip text</td><td>Text</td><td>Expression</td><td>Text shown for the "Profit" tooltip values.                </td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-charts/profit-chart.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.