📌  相关文章
📜  jQWidgets jqxChart borderLineColor 属性(1)

📅  最后修改于: 2023-12-03 15:02:17.274000             🧑  作者: Mango

jQWidgets jqxChart borderLineColor属性

简介

jQWidgets jqxChart是一款基于Javascript的图表插件，borderLineColor是其属性之一。

功能

borderLineColor是用于设置jqxChart中图表的边框线颜色属性，可实现对图表外围边框的美观设置。

语法
$("#chartContainer").jqxChart({
    borderLineColor: "#000000"
});
参数

borderLineColor需要一个十六进制颜色值作为参数，可以使用CSS样式中的颜色表示法进行设置。

示例
$("#chartContainer").jqxChart({
    title: "销售日报",
    description: "本日销售额及销售量统计",
    borderLineColor: "#666666",
    enableAnimations: true,
    showLegend: true,
    legendLayout: { left: 700, top: 160, width: 300, height: 200, flow: "vertical" },
    seriesGroups:
    [
        {
            type: "column",
            valueAxis:
            {
                title: { 
                    text: "销售量",
                    angle: -90
                }
            },
            series: [
                { dataField: "销售量", displayText: "销售量" }
            ],
            xAxis: {
                dataField: "日期",
                displayText: "日期",
                type: "date",
                baseUnit: "day",
                valuesOnTicks: true,
                minValue: "2022-11-01",
                maxValue: "2022-11-30",
                rangeSelector: { position: "bottom", size: "25%", labelsFormat: "d" }
            }
        },
        {
            type: "line",
            valueAxis:
            {
                title: { 
                    text: "销售额",
                    angle: -90
                },
                labels: {
                    formatFunction: function (value) {
                        return "$" + Math.round(value / 1000) + "K";
                    }
                }
            },
            series: [
                { dataField: "销售额", displayText: "销售额", lineWidth: 2, markerType: "circle", markerSize: 5 }
            ]
        }
    ]
});
参考文献