SciChart 是否支持中文

SciChart JS 完全支持中文字符显示，因为它基于 Unicode 字符编码系统构建。作为一个现代的 JavaScript 图表库，SciChart 能够正确渲染和显示各种语言的字符，包括中文简体、繁体以及其他 Unicode 字符集。

Unicode 支持原理

SciChart JS 利用浏览器的原生 Unicode 支持来处理多语言文本渲染。由于现代浏览器都遵循 Unicode 标准，SciChart 可以无缝地显示中文字符，无需额外的配置或插件。

2D 图表中的中文字符实现

以下代码示例展示了如何在 SciChart 2D 图表中使用中文标签和文本：

    SciChartDefaults.useNativeText = false;

    // 创建 SciChart 表面
    const { wasmContext, sciChartSurface } = await SciChartSurface.create(divElementId, {
        theme: new SciChartJsNavyTheme(),
        title: "每日温度变化趋势图",
        titleStyle: {
            fontSize: 30,
        },
    });

    // 配置带中文标签的 X 轴
    const xAxis = new NumericAxis(wasmContext, {
        axisTitle: "时间（小时）",
        growBy: new NumberRange(0.02, 0.02),
    });

    // 配置带中文标签的 Y 轴
    const yAxis = new NumericAxis(wasmContext, {
        axisTitle: "温度（摄氏度）",
        growBy: new NumberRange(0.01, 0.1),
    });

    // 添加轴到图表
    sciChartSurface.xAxes.add(xAxis);
    sciChartSurface.yAxes.add(yAxis);

    // 创建数据系列
    const dataSeries = new XyDataSeries(wasmContext, {
        dataSeriesName: "北京温度数据"
    });

    // 添加数据点
    dataSeries.appendRange([0, 1, 2, 3, 4, 5], [20, 22, 25, 28, 30, 27]);

    // 创建线系列
    const lineSeries = new FastLineRenderableSeries(wasmContext, {
        dataSeries,
        stroke: "#FF6600"
    });

    // 添加系列到图表
    sciChartSurface.renderableSeries.add(lineSeries);

文本注释和标签

SciChart 还支持在图表上添加中文文本注释：

    // 创建中文文本注释
    const textAnnotation = new TextAnnotation({
        text: "最高温度点",
        x1: 4,
        y1: 30,
        fontSize: 14,
        textColor: "#FF0000"
    });

    // 添加注释到图表
    sciChartSurface.annotations.add(textAnnotation);

3D 图表中的中文字符实现

要在 Scichart 3d 中使用中文字符，请参阅本文 - Native Text Api📘

最佳实践建议

• 字体选择：使用系统默认的中文字体，如 Microsoft YaHei（微软雅黑）或 SimHei（黑体）

• 编码设置：确保 HTML 页面使用 UTF-8 编码

• 字体大小：根据图表大小调整合适的字体大小，确保中文字符清晰可读

• 浏览器兼容性：测试不同浏览器中的中文显示效果

通过以上配置和代码示例，您可以在 SciChart JS 应用程序中完美地显示和使用中文字符，创建本地化的图表界面。