找文章 / 找答案

[常用脚本] 自定义组件,如何将第一个列名字段去掉(如图)

Rex铂金二 显示全部楼层 发表于 2023-6-14 20:34:23 |阅读模式 打印 上一主题 下一主题

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

使用道具 举报

精彩评论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` 方法将配置项应用于图表实例,从而显示图表。

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

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |联系社区管理员|《永洪社区协议》
返回顶部