ECharts 最小高度设置指南

下面提供一份关于ECharts中设置最小高度的专业而详细的文档。这份文档将涵盖不同图表类型的最小高度设置方法，适合初学者学习和参考。

ECharts 最小高度设置指南

1. 通用属性

对于大多数图表类型，可以使用以下通用属性来控制最小高度：

1.1 grid 组件

grid: {height: 'auto',minHeight: 100 // 单位为像素
}

这个设置适用于包含坐标轴的图表，如柱状图、折线图等。

2. 柱状图（Bar Chart）

2.1 最小柱高

series: [{type: 'bar',barMinHeight: 5 // 单位为像素
}]

2.2 柱宽度百分比

series: [{type: 'bar',barWidth: '20%' // 可以间接影响高度
}]

3. 折线图（Line Chart）

3.1 symbol 最小大小

series: [{type: 'line',symbolSize: 10, // 设置数据点的大小symbolMinSize: 5 // 最小数据点大小
}]

4. 饼图（Pie Chart）

4.1 最小半径

series: [{type: 'pie',minRadius: '20%',radius: ['40%', '70%']
}]

5. 散点图（Scatter Chart）

5.1 最小 symbol 大小

series: [{type: 'scatter',symbolSize: function (data) {return Math.max(5, data[2]); // 最小为5像素}
}]

6. 树图（Tree Chart）

6.1 节点最小高度

series: [{type: 'tree',itemStyle: {height: function (params) {return Math.max(20, params.data.value); // 最小高度为20像素}}
}]

7. 热力图（Heatmap）

7.1 单元格最小高度

series: [{type: 'heatmap',itemStyle: {height: function (params) {return Math.max(10, params.data[2]); // 最小高度为10像素}}
}]

8. 盒须图（Boxplot）

8.1 盒子最小高度

series: [{type: 'boxplot',boxWidth: [5, 50] // [最小宽度, 最大宽度]
}]

9. K线图（Candlestick）

9.1 蜡烛图最小高度

series: [{type: 'candlestick',itemStyle: {barMinHeight: 5 // 最小高度为5像素}
}]

10. 雷达图（Radar Chart）

10.1 雷达图最小半径

radar: {radius: '60%',center: ['50%', '50%'],startAngle: 90,splitNumber: 4,shape: 'circle',axisLine: {lineStyle: {color: 'rgba(238, 197, 102, 0.5)'}},splitLine: {lineStyle: {color: 'rgba(238, 197, 102, 0.5)'}},splitArea: {areaStyle: {color: 'rgba(255,255,255,0.3)'}},indicator: [{ name: 'Sales', max: 6500 },{ name: 'Administration', max: 16000 },{ name: 'Information Technology', max: 30000 },{ name: 'Customer Support', max: 38000 },{ name: 'Development', max: 52000 },{ name: 'Marketing', max: 25000 }]
}