jQWidgets jqxChart addColorScheme() 方法

简介

jQWidgets jqxChart addColorScheme() 方法用于设置图表的颜色方案。颜色方案决定了不同数据点的颜色，使图表更加美观和易于阅读。

语法

addColorScheme(name, colorsArray)

其中：

• name: 颜色方案名称，字符串类型。
• colorsArray: 颜色数组，由多个颜色值组成的数组。

返回值

该方法没有返回值。

示例

// 创建一个颜色方案数组
var myColors = ['#4d4d4d', '#5da5da', '#faa43a', '#60bd68', '#f17cb0', '#b2912f', '#b276b2', '#decf3f'];

// 设置颜色方案
$('#myChart').jqxChart({
    colorScheme: 'myScheme',
    series: [
        {
            dataField: 'Sales',
            displayText: 'Sales',
            labels:
            {
                visible: true,
                backgroundColor: 'transparent',
                font: { size: 14 },
                borderColor: '#FFFFFF'
            },
            color:'#778899'
        },
    ]
});

// 添加自定义的颜色方案
$('#myChart').jqxChart('addColorScheme', 'myScheme', myColors);

注意事项

• 颜色方案是可选的，如果不设置，默认会使用 jqxChart 内置的颜色方案。
• 可以使用内置颜色方案名称（比如 'scheme01'）或自定义名称。
• 颜色数组必须包含至少一种颜色。
• 确保颜色数组的长度不小于数据点的数量。如果颜色数组长度大于数据点数量，则数组中的额外颜色将被忽略。如果颜色数组长度小于数据点数量，则颜色数组中的颜色会循环使用。