润色图表：添加马克点与商务风格调整

新书上架~👇全国包邮奥~

python实用小工具开发教程http://pythontoolsteach.com/3

欢迎关注我👆，收藏下次不迷路┗|｀O′|┛ 嗷~~

一、引言

二、添加马克点

[1. 马克点的概念与作用](#1. 马克点的概念与作用)

[2. 马克点的实现方法](#2. 马克点的实现方法)

[3. 代码示例](#3. 代码示例)

三、商务风格调整

[1. 颜色更改](#1. 颜色更改)

[2. 隐藏分割线](#2. 隐藏分割线)

[3. 整体效果对比](#3. 整体效果对比)

四、总结

一、引言

在数据可视化中，图表的润色和调整不仅能增强信息的传达效果，还能提升图表的美观度和专业性。本文档将围绕如何在已有图表基础上进行润色，特别是通过添加马克点（mark points）来突出每个系列的最大值和最小值，以及如何通过颜色更改和隐藏分割线来增强图表的商务风格。

二、添加马克点

1. 马克点的概念与作用

马克点是图表中用于标记特定数据点的元素，它们通常用于突出显示数据的极值（如最大值和最小值）。在本文档中，我们将通过添加马克点来强调每个系列的最大值和最小值，从而让读者能够一目了然地识别出这些关键数据点。

2. 马克点的实现方法

实现马克点的方法因图表库而异，但通常涉及创建一个新的标记对象（如ECharts中的markPoint对象），并设置其数据、样式等属性。在本例中，我们通过配置markPoint对象，将每个系列的最大值和最小值以白色圆点的形式标记在图表上。

3. 代码示例

python 复制代码

// 假设我们有一个名为series的系列数组  
for (let series of series) {  
  let max = Math.max(...series.data.map(item => item.value));  
  let min = Math.min(...series.data.map(item => item.value));  
    
  series.markPoint = {  
    data: [  
      {type: 'max', name: '最大值'},  
      {type: 'min', name: '最小值'}  
    ],  
    label: {  
      show: true,  
      position: 'top'  
    },  
    itemStyle: {  
      color: 'white' // 设置为白色  
    }  
  };  
}