📜  jQWidgets jqxChart showBorderLine 属性(1)

📅  最后修改于: 2023-12-03 14:43:20.809000             🧑  作者: Mango

jQWidgets jqxChart showBorderLine 属性

简介

jqxChart 是 jQWidgets 中的一个图表组件,可以用于展示各种类型的图表。showBorderLine 是该组件的一个属性,用于控制是否显示图表的边框线。

语法
$("#jqxChart").jqxChart({
    showBorderLine: true //布尔类型,默认值:true,表示显示边框线
});
参数说明

showBorderLine 属性的类型为布尔型,表示是否显示边框线。 默认值为 true,表示显示边框线。

使用方法

可以通过设置 showBorderLine 属性来控制是否显示边框线。例如:

$("#jqxChart").jqxChart({
    title: "Monthly Sales Report",
    description: "Sales report of the last year",
    enableAnimations: true,
    showLegend: true,
    showBorderLine: true, // 显示边框线
    padding: { left: 5, top: 5, right: 5, bottom: 5 },
    titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
    source: dataAdapter,
    colorScheme: "scheme01",
    seriesGroups: [
        {
            type: "column",
            valueAxis: {
                minValue: 0,
                maxValue: 100,
                unitInterval: 10,
                title: { text: "Percentage" }
            },
            series: [
                { dataField: "January", displayText: "January" },
                { dataField: "February", displayText: "February" },
                { dataField: "March", displayText: "March" }
            ]
        }
    ]
});
注意事项

若将 showBorderLine 设置为 false,则图表的边框线将不会显示。

结语

showBorderLine 属性是 jQWidgets jxqChart 组件中的一个属性,用于控制是否显示图表的边框。在使用该组件时,可以通过该属性来控制图表的显示效果。