[常用脚本]
自定义组件,如何将第一个列名字段去掉(如图)
-
Rex
- 2023-06-14 20:34:23
- 发布在 产品问答
1793
1
构建关系图,因为第一个是表头,导致数据错位
|
免责声明:本文不代表本站立场,且不构成任何建议,请谨慎对待。
版权声明:作者保留权利,不代表本站立场。
|
|
|
|
yhdata_yzm
显示全部楼层
发表于 2023-6-15 09:50:02
要在 ECharts 绘图中去掉第一列的名称字段,可以通过设置 xAxis 的 `axisLabel` 属性来实现。将 `axisLabel` 的 `show` 属性设置为 `false`,即可隐藏第一列的名称标签。
以下是一个示例,演示如何隐藏第一列的名称字段:
```javascript
option = {
xAxis: {
type: 'category',
data: ['名称1', '名称2', '名称3'], // 第一列的名称字段
axisLabel: {
show: false // 隐藏第一列的名称标签
}
},
yAxis: {
type: 'value'
},
series: [
{
data: [10, 20, 30],
type: 'bar'
}
]
};
// 在页面中创建一个具有指定 ID 的图表实例
var chart = echarts.init(document.getElementById('chart-container'));
// 使用上面的配置项显示图表
chart.setOption(option);
```
在上述示例中,`xAxis` 的 `data` 属性包含了第一列的名称字段。通过将 `axisLabel` 的 `show` 属性设置为 `false`,可以隐藏第一列的名称标签。
请确保在页面中创建了一个具有指定 ID 的图表容器,并使用 `echarts.init` 方法创建了图表实例。然后使用 `setOption` 方法将配置项应用于图表实例,从而显示图表。
这样设置之后,绘图将不显示第一列的名称字段,只显示对应的数据。 |
|
|
|
|