jQWidgets jqxChart removeColorScheme() 方法

简介

jQWidgets 是一个基于 jQuery 的 UI 组件库，提供了各种组件，例如表格、下拉列表、树形结构等等。其中 jqxChart 是一个用于创建图表的组件，支持多种类型的图表，例如线图、柱状图、饼图等等。removeColorScheme() 方法是 jqxChart 组件提供的一个方法，用于删除图表中已有的颜色方案。

语法

$('#chart1').jqxChart('removeColorScheme');

参数

无。

返回值

无。

使用示例

$(function () {
    // 创建一个柱状图
    var data = [
        { Day: 'Monday', Sales: 200 },
        { Day: 'Tuesday', Sales: 500 },
        { Day: 'Wednesday', Sales: 300 },
        { Day: 'Thursday', Sales: 700 },
        { Day: 'Friday', Sales: 600 }
    ];
    $('#chart1').jqxChart({
        title: 'Weekly Sales',
        description: 'This chart shows the sales data for the last week.',
        enableAnimations: true,
        showLegend: true,
        padding: { left: 10, top: 5, right: 10, bottom: 5 },
        titlePadding: { left: 0, top: 0, right: 0, bottom: 10 },
        source: data,
        xAxis: {
            dataField: 'Day',
            showGridLines: true
        },
        seriesGroups:
            [
                {
                    type: 'column',
                    columnsGapPercent: 50,
                    seriesGapPercent: 0,
                    valueAxis:
                    {
                        unitInterval: 50,
                        minValue: 0,
                        maxValue: 1000,
                        displayValueAxis: true,
                        description: 'Sales in USD'
                    },
                    series: [
                        { dataField: 'Sales', displayText: 'Sales($)', colorScheme: 'scheme01' }
                    ]
                }
            ]
    });

    // 删除图表颜色方案
    $('#btnRemoveColorScheme').click(function () {
        $('#chart1').jqxChart('removeColorScheme');
    });
});

在上述示例中，我们创建了一个柱状图，并通过 removeColorScheme() 方法删除了它的颜色方案。点击按钮 #btnRemoveColorScheme 即可触发该方法。