帆软报表用js在折线图上95%处做标记

您可以使用以下代码在折线图上标记95%的位置：

// 获取折线图对象
var chart = frappe.ui.get_chart(".chart-wrapper", {});

// 获取折线图数据
var data = chart.data.datasets[0].data;

// 计算95%的位置
var percentile = Math.round(data.length * 0.95);
var x = chart.data.labels[percentile];
var y = data[percentile];

// 在折线图上标记
var ctx = chart.ctx;
ctx.beginPath();
ctx.moveTo(chart.scales["x-axis-0"].getPixelForValue(x), chart.scales["y-axis-0"].getPixelForValue(y));
ctx.lineTo(chart.scales["x-axis-0"].getPixelForValue(x), chart.scales["y-axis-0"].getPixelForValue(0));
ctx.lineWidth = 1;
ctx.strokeStyle = "#ff0000";
ctx.stroke();
ctx.closePath();

这段代码会在折线图上标记出95%位置的红色线条。您可以根据需要修改线条样式和位置。

相关问题

帆软报表用js自定义在折线图95%处的位置显示在y轴的数值

可以通过以下步骤来实现在帆软报表折线图中，在y轴的95%处显示当前值：

1. 在帆软报表设计器中，进入折线图的“属性”面板，找到“脚本”选项卡。

2. 在“脚本”选项卡中，选择“JS脚本”，然后输入以下代码：

chart.on('rendered', function() {
    var yMax = this.yAxis[0].max;
    var y95 = yMax * 0.95;
    var y95Pos = this.yAxis[0].toPixels(y95);
    this.renderer.text(y95, this.plotLeft - 10, y95Pos)
        .attr({
            align: 'right',
            zIndex: 100
        }).add();
});

3. 保存报表并预览，你将看到在y轴的95%处显示当前值。

解释一下代码：

首先，我们在图表的“rendered”事件中获取y轴的最大值（yMax），然后计算出y轴的95%位置（y95）。接下来，我们使用Highcharts的“toPixels”函数将y95转换为像素位置（y95Pos），然后使用Highcharts的渲染器（renderer）在y轴的左侧显示y95的值。最后，我们使用“attr”函数设置文本的对齐方式（“align”）和层级（“zIndex”），并将文本添加到图表中。

帆软报表折线图自定义95%处显示样本点

在帆软报表中，可以通过以下步骤实现折线图自定义95%处显示样本点：

1. 在报表设计器中，选择需要添加自定义标签的折线图。

2. 在属性窗口中，选择“数据系列”并展开“数据点设置”。

3. 在“数据点样式”中勾选“显示数据点”和“显示数据标签”。

4. 在“数据标签内容”中输入需要显示的内容，可以使用动态表达式或静态文本。

5. 在“数据标签位置”中选择标签显示的位置，可以选择在数据点上方、下方、左侧、右侧等位置。

6. 在“数据标签样式”中设置标签的字体、颜色、背景色等样式属性。

7. 在“数据点筛选”中选择“表达式”并输入以下内容：`value > percentile({value}, 0.95)`

8. 点击“确定”保存设置并预览报表，即可看到折线图上在95%处显示符合条件的样本点及其自定义标签。

希望这些步骤能对您有所帮助！