jQWidgets jqxChart saveAsJPEG() 方法介绍

概述

jqxChart 是一个强大的 JavaScript 图表库，提供了众多的图表类型和丰富的功能。saveAsJPEG() 是 jqxChart 提供的一个用于将图表保存为 JPEG 格式的方法。

用法

saveAsJPEG() 方法用于将当前的 jqxChart 实例保存为 JPEG 图像文件。可以通过调用此方法将图表保存到本地磁盘或者在 Web 页面上下载保存。

语法

chart.saveAsJPEG(filename, quality, callback);

参数

• filename (可选): 保存的文件名，不包含文件扩展名，默认为 "chart"。
• quality (可选): 图像质量，取值范围为 0-100，默认为 100。
• callback (可选): 保存完成后的回调函数。

示例

// 创建一个 jqxChart 实例
var chart = jqwidgets.createInstance({
    type: 'line',
    source: data,
    title: 'Sales Report',
    xAxis: {
        dataField: 'Month',
        displayText: 'Month',
        valuesOnTicks: true
    },
    seriesGroups: [{
        valueAxis: {
            displayValueAxis: true,
            description: 'Sales',
            axisSize: 'auto',
            tickMarksColor: '#888888',
            unitInterval: 1000,
            minValue: 0,
            maxValue: 5000
        },
        series: [{
            dataField: 'Sales',
            displayText: 'Sales',
            symbolType: 'square',
            labels: {
                visible: true,
                backgroundColor: '#FEFEFE',
                backgroundOpacity: 0.2,
                borderColor: '#7FC4EF',
                borderOpacity: 0.7,
                padding: { left: 5, right: 5, top: 0, bottom: 0 }
            }
        }]
    }]
});

// 将图表保存为 JPEG 图像
chart.saveAsJPEG('sales_chart', 80, function() {
    console.log('Chart saved successfully.');
});

注意事项

• saveAsJPEG() 方法需要在页面中包含 jQWidgets JavaScript 库文件，以及相应的 CSS 样式文件。确保正确引入了这些文件。
• 保存完成后会执行回调函数，可在回调函数中执行一些操作，例如提示保存成功信息。
• 在调用 saveAsJPEG() 方法前，需要先创建一个有效的 jqxChart 实例并将其初始化，确保图表已正确加载并可见。

参考文档

• jQWidgets Chart Documentation

以上是对 jQWidgets jqxChart saveAsJPEG() 方法的介绍，本方法用于将图表保存为 JPEG 图像文件，并提供了一些选项供开发者调整保存图片的文件名和质量。