永洪社区

标题: 自定义组件，如何将第一个列名字段去掉（如图） [打印本页]

作者: Rex 时间: 2023-6-14 20:34
标题: 自定义组件，如何将第一个列名字段去掉（如图）

构建关系图，因为第一个是表头，导致数据错位

作者: yhdata_yzm 时间: 2023-6-15 09:50
要在 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` 方法将配置项应用于图表实例，从而显示图表。

这样设置之后，绘图将不显示第一列的名称字段，只显示对应的数据。

欢迎光临永洪社区 (https://club.yonghongtech.com/)