> 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](https://1449034948-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_NpOsk0sjotPXNy29Q%2Fuploads%2FKL4zojVGL7OpEfnZh0IO%2Fimage.png?alt=media\&token=cacd66c5-402c-45de-8b3e-4452d991644a)

**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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.