jQWidgets jqxChart renderEngine 属性

简介

jQWidgets 是一个基于 jQuery 的 UI 库，提供了丰富的 UI 组件，其中包括可视化图表组件 jqxChart。在使用 jqxChart 组件时，我们可以通过设置 renderEngine 属性来选择所使用的渲染引擎，以满足不同要求的用户需求。

属性取值

• "canvas"：使用 HTML5 Canvas 渲染引擎。默认值。
• "svg"：使用 SVG 渲染引擎。

渲染引擎选型建议

• 对于要求高效且流畅的图表展示，建议使用 canvas 渲染引擎。
• 对于要求高质量的图形展现，建议使用 SVG 渲染引擎。

代码示例

$("#chartContainer").jqxChart({
    renderEngine: 'canvas', // 使用 canvas 渲染引擎
    title: '柱状图',
    description: '展示某年份各月份销售额',
    showLegend: true,
    enableAnimations: true,
    xAxis: {
        dataField: 'month',
        unitInterval: 1,
        axisSize: 'auto',
        tickMarks: {
            visible: true,
            interval: 1,
            color: '#BCBCBC',
        },
        gridLines: {
            visible: true,
            interval: 1,
            color: '#BCBCBC',
        },
    },
    seriesGroups: [
        {
            type: 'column',
            series: [
                {
                    dataField: 'sales',
                    displayText: '销售额',
                },
            ],
        },
    ],
});

总结

通过 jQWidgets jqxChart 的 renderEngine 属性，我们可以选择合适的渲染引擎，以满足不同要求的用户需求。在实际使用中，应根据需求做出选择。