条形图数据标签显示在右边

登录

本帖最后由 Chelsey.Wang 于 2022-1-19 19:53 编辑

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

Chelsey.Wang · Chelsey.Wang

本帖最后由 Chelsey.Wang 于 2022-1-17 12:27 编辑

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

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

示例代码如下：

Forguncy.Helper.preSetEchartOption = function (option, pageName, chartName) {
if (pageName == "页面1" && chartName == "Chart1") {
option.series[0].label.position = "right";
}
}

复制代码

最终效果：
附上我的demo，可以参考一下

		自动登录	找回密码
密码			立即注册

[已处理] 条形图数据标签显示在右边

最佳答案

1 个回复

本帖子中包含更多资源

评分

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐