帆软js自定义轴标签
时间: 2023-08-16 10:09:37 浏览: 306
您可以使用以下代码来自定义帆软报表中的JS图表的轴标签:
```
option.xAxis[0].axisLabel.formatter = function (value) {
// 自定义轴标签格式
return value;
};
```
其中,`option`是图表的配置项对象,`xAxis[0]`表示第一个x轴,`axisLabel.formatter`表示轴标签的格式化函数,您可以在其中编写自己的逻辑来自定义轴标签的显示内容。
相关问题
帆软报表用js自定义在折线图折线95%处的位置显示样本点
要在帆软报表中使用 JavaScript 自定义代码,在折线图中显示样本点,可以按照以下步骤进行操作:
1. 打开需要添加样本点的报表,在折线图上右键单击,选择“属性”。
2. 在“属性”窗口中,选择“高级”选项卡,在“自定义JS代码”中输入以下代码:
```
function onRenderComplete() {
var chartObj = chartViewer.getChartObject();
var dataset = chartObj.getDataSetByIndex(0);
var dataCount = dataset.getDataCount();
var valueAxis = chartObj.yAxis(0);
var scale = valueAxis.getScaleObject();
var topValue = scale.getTopValue();
var bottomValue = scale.getBottomValue();
var range = topValue - bottomValue;
var thresholdValue = bottomValue + range * 0.95;
var series = chartObj.getSeriesByIndex(0);
var points = series.getPoints();
for (var i = 0; i < dataCount; i++) {
var value = dataset.getValue(i, 0);
if (value >= thresholdValue) {
var point = points[i];
var pointX = point.getX();
var pointY = point.getY();
var pointShape = point.getShape();
var pointColor = point.getFillColor();
var pointSize = pointSize;
var pointLabel = new cfx.ChartLabel();
pointLabel.setText(value.toFixed(2));
pointLabel.setDock(cfx.DockArea.Top);
pointLabel.setVisible(true);
pointLabel.setOffsetX(6);
pointLabel.setOffsetY(-16);
pointShape.setFillColor("#ffffff");
pointShape.setStrokeColor(pointColor);
pointShape.setStrokeThickness(2);
pointShape.setSize(pointSize + 6);
point.setShape(pointShape);
point.addLabel(pointLabel);
}
}
}
```
3. 保存报表并预览即可看到折线图上样本点的位置。
在上述代码中,我们通过获取折线图中的数据集和数据点,计算出折线图 Y 轴的上下限,然后根据这些数据来确定出现样本点的位置。然后我们对这些点进行了样式和标签的设置,以便更好地显示样本点。
帆软js自定义轴标签 如果排名第一,标签颜色改为红色,其他默认
您可以使用以下代码来实现如果轴标签排名第一,其颜色为红色,其他为默认颜色的效果:
```
option.xAxis[0].axisLabel.formatter = function (value, index) {
// 自定义轴标签格式
if (index === 0) {
return '{a|' + value + '}';
} else {
return value;
}
};
option.xAxis[0].axisLabel.rich = {
a: {
color: 'red'
}
};
```
其中,`option`是图表的配置项对象,`xAxis[0]`表示第一个x轴,`axisLabel.formatter`表示轴标签的格式化函数,`index`表示当前轴标签的索引值,`rich`表示富文本样式对象,`a`表示自定义的样式名称,这里设置了`a`的样式为红色。
在自定义轴标签的格式化函数中,如果当前轴标签的索引值为0,即第一项,就将其用富文本的方式输出,并引用自定义样式`a`,这样就可以将其颜色设置为红色。其他项则按照默认的方式输出即可。
阅读全文