【10.0.104】图表效果疑问。

登录

像下面这样的效果：

易水寒 · 易水寒

Forguncy.Helper.preSetEchartOption = function (option, pageName, chartName) {
//设置系列标签位置
option.series.forEach(s => {
s.label.position = "inside";
s.smooth = true; //可以判断下s.name再设置
});
}

两个效果用这种方式都可以实现。

静W_01 · 静W_01

改成堆积柱状图试试

线图好像没有这种曲线的

Levi.Zhang · Levi.Zhang

大佬，活字格的图表其实是集成了Echarts实现的，可以用JavaScript来修改属性，代码放在页面加载命令里；
1.图表中的数据标签显示在柱状图内，可以试试这段代码：
Forguncy.Helper.preSetEchartOption = function (option, pageName, chartName) {
//设置系列标签位置
option.series.forEach(s => {
s.label.position = "inside";
});
}

效果如下：

2.折线换成圆滑曲线的话，也可以用JavaScript来改：
var page = Forguncy.Page;
page.bind("PageDefaultDataLoaded", function () {
var chartID = $("div[chartname='Chart1']").attr("_echarts_instance_");
var chart = echarts.getInstanceById(chartID);
var option = chart.getOption();
option.series[0].smooth = true;
chart.setOption(option);
});

效果如下：

Levi.Zhang · Levi.Zhang

易水寒发表于 2025-3-5 09:48
Forguncy.Helper.preSetEchartOption = function[/bac ...

感谢大佬支持~

小理想 · 小理想

Levi.Zhang 发表于 2025-3-5 09:41
大佬，活字格的图表其实是集成了Echarts实现的，可以用JavaScript来修改属性，代码放在页面加载命令里；
1 ...

版主大佬问你一下折线换成圆滑曲线的js代码我把它复制放到页面加载命令里，并没有圆滑曲线的效果哇

Levi.Zhang · Levi.Zhang

小理想发表于 2025-3-6 15:03
版主大佬问你一下折线换成圆滑曲线的js代码我把它复制放到页面加载命令里，并没有圆滑曲线的效果哇

大佬可以提供下相关Demo吗？这边帮您再看看是什么问题~

小理想 · 小理想

Levi.Zhang 发表于 2025-3-6 17:44
大佬可以提供下相关Demo吗？这边帮您再看看是什么问题~

我是在组件里的页面加载命令用的折线换成圆滑曲线js代码运行后并没有变成曲线

Levi.Zhang · Levi.Zhang

本帖最后由 Levi.Zhang 于 2025-3-10 10:05 编辑

小理想发表于 2025-3-8 07:53
我是在组件里的页面加载命令用的折线换成圆滑曲线js代码运行后并没有变成曲线

大佬，其实就是使用smooth函数来改哈~
如果套用组件话那可以参考上方易水寒大佬的方法哦~

效果如下：

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

[已处理] 【10.0.104】图表效果疑问。

最佳答案

8 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证