echart markline

ECharts markline is a feature that allows you to highlight specific data points in your chart with a line or label. Marklines are used to emphasize important data points, trends or events in your chart. You can use marklines to show average values, maximum or minimum values, or to compare two or more data points.

To add a markline to your chart in ECharts, you need to define it as a series in your option configuration. Here is an example of a simple markline configuration:

option = {
    series: [
        {
            name: 'Sales',
            type: 'line',
            data: [120, 200, 150, 80, 70, 110],
            markLine: {
                data: [
                    {type: 'average', name: 'Average'},
                    {type: 'max', name: 'Max'},
                    {type: 'min', name: 'Min'}
                ]
            }
        }
    ]
};

In this example, we have a line chart with sales data. The `markLine` object is added to the series configuration to define the marklines. We have defined three marklines: the average, the maximum and the minimum value. Each markline is defined with a `type` and a `name`.

The `type` property in the markline configuration specifies the type of markline you want to add. ECharts provides several types of marklines, including `average`, `max`, `min`, `median`, `value`, `horizontal`, and `vertical`.

The `name` property is used to set the label for the markline. You can customize the label text and style using the `label` property in the markline configuration.

You can also add multiple marklines to a chart by defining an array of marklines in the `data` property of the `markLine` object.

Marklines can be a great way to highlight important data points in your chart and make it more informative and visually appealing.