jQWidgets jqxChart showLegend 属性介绍

概述

jQWidgets jqxChart 是一个功能强大的图形库，用于创建各种类型的图表和图形。showLegend 属性是 jqxChart 控件中的一个属性，用于控制是否显示图例。

语法

showLegend: boolean

默认情况下，showLegend 属性值为 true，表示显示图例。将 showLegend 属性设置为 false 将隐藏图例。

具体应用

示例代码如下：

$("#chartContainer").jqxChart({
    title: { text: "销售额" },
    description: { text: "按月份" },
    enableAnimations: true,
    showLegend: true, // 是否显示图例
    source: sampleData,
    xAxis: {
        dataField: "Month",
        axisSize: 'auto',
        tickMarks: {
            visible: true,
            interval: 1
        },
        gridLines: {
            visible: true,
            interval: 3
        }
    },
    colorScheme: "scheme02",
    seriesGroups:
    [
        {
            type: "line",
            valueAxis:
            {
                unitInterval: 1000,
                visible: true,
                title: { text: "销售额（元）" },
                gridLines: {
                    visible: true
                }
            },
            series: [
                { dataField: "Sales", displayText: "销售额", lineWidth: 2 }
            ]
        }
    ]
});

在代码中，我们创建了一个 jqxChart 控件，并设置了 showLegend 属性为 true，即显示图例。图例是根据设置的系列名称来生成的，此处为 "销售额"。

当设置 showLegend 属性为 false 时，图例会自动隐藏。

参考链接

• jQWidgets jqxChart 官方文档：https://www.jqwidgets.com/documentation/jqxchart/
• showLegend 属性文档：https://www.jqwidgets.com/documentation/jqxchart/jquery-chart-api.htm#var_showLegend