jQWidgets jqxChart rtl 属性

简介

jQWidgets jqxChart 是一个用于创建交互式和可自定义的图表的JavaScript库。它支持多种类型的图表，包括线性图、饼状图、柱状图等等。jqxChart的rtl属性用于设置图表的文本方向为从右到左，以支持阿拉伯语、希伯来语等从右向左书写的语言。

如何使用

在使用jqxChart之前，需要引入以下两个脚本：

<script src="jqwidgets/jqxcore.js"></script>
<script src="jqwidgets/jqxchart.js"></script>

在创建图表实例时，需要设置rtl属性为true。例如：

$("#chartContainer").jqxChart({
    title: { text: "销售额统计" },
    description: { text: "2019年每月销售额统计表" },
    rtl: true,
    seriesGroups: [
        {
            type: "line",
            series :
            [
                { dataField: "Jan", displayText: "一月" },
                { dataField: "Feb", displayText: "二月" },
                { dataField: "Mar", displayText: "三月" }
            ]
        }
    ],
    source: [
        { "Month": "一月", "Jan": 1000, "Feb": 1020, "Mar": 1100 },
        { "Month": "二月", "Jan": 1200, "Feb": 1300, "Mar": 1250 },
        { "Month": "三月", "Jan": 900, "Feb": 950, "Mar": 1000 }
    ]
});

属性介绍

rtl

• 类型：布尔型。
• 默认值：false。
• 说明：当设置为true时，图表中的文本会从右到左排列。

注意事项

• 在设置rtl属性时，请确保你的文本是从右到左书写的，否则可能会出现排版错误的情况。
• 除非你的数据也是从右到左排列的，否则在设置rtl属性时，图表系列的顺序也需要相应调整。

参考文献

• 官方文档：https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxchart/jquery-chart-api.htm#rtl