找回密码
 立即注册

QQ登录

只需一步,快速开始

王敏

注册会员

2

主题

2

帖子

116

积分

注册会员

积分
116
  • 122

    金币

  • 2

    主题

  • 2

    帖子

最新发帖
王敏
注册会员   /  发表于:2022-1-14 19:16  /   查看:2086  /  回复:1
1金币
本帖最后由 Chelsey.Wang 于 2022-1-19 19:53 编辑


       请问各位大神,关于数据标签显示位置的这个帖子看到了,但还是不知道具体该怎么做(真心没有编程经验),有比较详细的教程吗?我看其他视频教程里添加的饼图,数据标签都会自动显示在外边,现在这个版本应该怎么做?才能显示在外面,像这个一样:

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

您好,活字格中的图表是集成了Echarts,在活字格中可以通过Forguncy.Helper.preSetEchartOption 来修改Echarts图表的属性,具体使用方法请参考: 如何通过JS调整图表样式 - 活字格专区 - 求助中心 - 葡萄城产品技术社区 (grapecity.com.cn) 查找Echarts图表帮助文档,可以看到Echarts支持将条形图的数据标签显示在右边,需要修改label.position属性 Documentation - Apache ECharts 示例代码如下: 最终效果: 附上 ...

1 个回复

倒序浏览
最佳答案
最佳答案
Chelsey.Wang讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-1-14 19:16:50
来自 2#
本帖最后由 Chelsey.Wang 于 2022-1-17 12:27 编辑

您好,活字格中的图表是集成了Echarts,在活字格中可以通过Forguncy.Helper.preSetEchartOption 来修改Echarts图表的属性,具体使用方法请参考:
如何通过JS调整图表样式 - 活字格专区 - 求助中心 - 葡萄城产品技术社区 (grapecity.com.cn)

查找Echarts图表帮助文档,可以看到Echarts支持将条形图的数据标签显示在右边,需要修改label.position属性
Documentation - Apache ECharts

示例代码如下:
  1. Forguncy.Helper.preSetEchartOption = function (option, pageName, chartName) {
  2.     if (pageName == "页面1" && chartName == "Chart1") {
  3.         option.series[0].label.position = "right";
  4.     }
  5. }
复制代码


最终效果:
附上我的demo,可以参考一下




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1满意度 +5 收起 理由
amtath + 5

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部