将垂直轴变更为对数刻度

绘制值差异很大的数据通常会导致错误的数据分析，甚至可能无法显示完全可读的图表。 SpreadJS允许用户自定义垂直轴（也称为值轴）的最小和最大比例值。 使用此功能，用户可以在格式化图表时将值轴变更为对数刻度，以满足其特定的分析要求。

使用场景

在以下情况下，此功能很有用：

• 当图表中绘制的值覆盖巨大的数据范围时，将值轴变更为对数刻度。
• 当业务分析师需要对不同公司之间的销售收入进行深入比较时。
• 当用户尝试可视化综合数据集（例如经济，人口统计或市场营销数据集）时。
• 当用户想比较数据序列值的相对变化（而不是绝对变化）时。
• 当用户想要快速分析明显不同的数据集之间的差异时。

示例 - 假设您要比较基于产品的不同公司A和B的销售收入，其中A指的是增长迅速但缓慢的大公司，而B指的是增长迅速的小公司。

现在，如果在同一个折线图中描绘了两家公司的销售收入，它将只比较绝对数据值，并且图表的可读性将大大降低。 此外，将很难排除较小的公司（B）的增长要比较大的公司（A）快。 在这种情况下，使用对数刻度可以帮助业务分析人员以简单有效的方式不断跟踪竞争对手的销售情况。

LogBase和Scaling规则

通过 IAxis 界面的比例缩放 属性，用户可以获取或设置图表的轴。 LogBase可以配置为各种选项-“Null”，“ 10”和“ 2”。 将垂直轴变更为对数轴时，必须牢记以下规则：

• 用户只能为垂直轴（值轴）设置对数刻度。
• 轴标签号根据给定的基本功率而增加。 例如，如果对数为3，则数字为1、3、9、27、81 ...
• 最低基数是2
• LogBase值必须介于2-1000之间。
• 如果最小界限设置为自动，则最小值为1。

下表列出了在将垂直轴变更为对数刻度时可以使用的不同对数基准选项。

支持的图表类型

所有包含至少一个值轴的图表类型都支持对数缩放，直方图，箱线图表和瀑布图表除外。

Note: 在图表中使用对数刻度时，必须牢记以下限制：

代码

此示例代码使用图表中的对数比例描述了两个不同公司的销售收入的相对比较。

var activeSheet = spread.getActiveSheet();
activeSheet.suspendPaint();
// 准备图表数据
activeSheet.setValue(0, 1, "Y-2015");
activeSheet.setValue(0, 2, "Y-2016");
activeSheet.setValue(0, 3, "Y-2017");
activeSheet.setValue(0, 4, "Y-2018");
activeSheet.setValue(0, 5, "Y-2019");
activeSheet.setValue(1, 0, "Gradlco Corp. Ltd");
activeSheet.setValue(2, 0, "Saagiate Corp. Ltd.");
activeSheet.setColumnWidth(0, 120);
for (var r = 1; r <= 2; r++)
{
for (var c = 1; c <= 5; c++) {
activeSheet.setValue(r, c, parseInt(Math.random() * 5000));
}
}
// Add columnClustered chart
chart_columnClustered = activeSheet.charts.add('chart_columnClustered', GC.Spread.Sheets.Charts.ChartType.columnClustered, 50, 100, 600, 400);
var series = chart_columnClustered.series();
series.add({
chartType: GC.Spread.Sheets.Charts.ChartType.columnClustered,
axisGroup: GC.Spread.Sheets.Charts.AxisGroup.primary,
name: "Sheet1!$A$2",
xValues: "Sheet1!$B$1:$F$1",
yValues: "Sheet1!$B$2:$D$2"
});
series.add({
chartType: GC.Spread.Sheets.Charts.ChartType.lineMarkers,
axisGroup: GC.Spread.Sheets.Charts.AxisGroup.secondary,
name: "Sheet1!$A$3",
xValues: "Sheet1!$B$1:$F$1",
yValues: "Sheet1!$B$3:$D$3"
});
var axes = chart_columnClustered.axes();
axes.primaryCategory.style.color = 'green';
axes.primaryCategory.title.color = 'green';
axes.primaryCategory.title.text = 'Primary Category Axes';
axes.primaryValue.style.color = 'red';
axes.primaryValue.title.color = 'red';
axes.primaryValue.title.text = 'Primary Value Axes with Logarithmic Scaling';
axes.primaryValue.title.fontSize = 16;
axes.primaryValue.scaling = {
logBase: 20
};
       
axes.secondaryCategory.visible = true;
axes.secondaryCategory.style.color = 'green';
axes.secondaryCategory.title.color = 'green';
axes.secondaryCategory.title.text = 'Secondary Category Axes';
axes.secondaryCategory.title.fontSize = 16;
axes.secondaryValue.style.color = 'blue';
axes.secondaryValue.title.color = 'blue';
axes.secondaryValue.format = 'General';
axes.secondaryValue.title.text = 'Secondary Value Axes';
chart_columnClustered.axes(axes);
// 配置图表标题
var title = chart_columnClustered.title();
title.text = "Annual Sales Record";
title.fontFamily = "Cambria";
title.fontSize = 28;
title.color = "Red";
chart_columnClustered.title(title);
activeSheet.resumePaint();