jQWidgets jqxChart enableCrosshairs 属性介绍

简介

jQWidgets 是一款基于 JavaScript 的 UI 库，其中的 jqxChart 组件提供了用于创建图表的 API。enableCrosshairs 属性是 jqxChart 组件中的一个属性，用于启用或禁用十字线。

语法

$("#chart").jqxChart({
    enableCrosshairs: true|false
});

参数

• true|false：布尔值，用于启用或禁用十字线。true 表示启用，false 表示禁用。

示例

$("#chart").jqxChart({
    title: "Sales Report",
    description: "The following chart shows the sales by product category",
    enableAnimations: true,
    enableCrosshairs: true,
    toolTipShowDelay: 500,
    theme: "energyblue",
    source: dataAdapter,
    xAxis: {
        dataField: "Month",
        showGridLines: true
    },
    seriesGroups: [{
        type: "column",
        columnsGapPercent: 50,
        seriesGapPercent: 5,
        valueAxis: {
            unitInterval: 1000,
            maxValue: 8000,
            displayValueAxis: true,
            description: "Sales in USD",
            axisSize: "auto",
            tickMarksColor: "#888888"
        },
        series: [{
            dataField: "Products",
            displayText: "Product Sales",
            labels: {
                visible: true,
                backgroundColor: "#FEFEFE",
                backgroundOpacity: 0.2,
                borderColor: "#7FC4EF",
                borderOpacity: 0.7,
                padding: { left: 5, right: 5, top: 0, bottom: 0 }
            }
        }]
    }]
});

返回值类型

该属性没有返回值，只是用于启用或禁用十字线。

Markdown 代码片段

# jQWidgets jqxChart enableCrosshairs 属性介绍

## 简介

jQWidgets 是一款基于 JavaScript 的 UI 库，其中的 jqxChart 组件提供了用于创建图表的 API。enableCrosshairs 属性是 jqxChart 组件中的一个属性，用于启用或禁用十字线。

## 语法

```javascript
$("#chart").jqxChart({
    enableCrosshairs: true|false
});

参数

• true|false：布尔值，用于启用或禁用十字线。true 表示启用，false 表示禁用。

示例

$("#chart").jqxChart({
    title: "Sales Report",
    description: "The following chart shows the sales by product category",
    enableAnimations: true,
    enableCrosshairs: true,
    toolTipShowDelay: 500,
    theme: "energyblue",
    source: dataAdapter,
    xAxis: {
        dataField: "Month",
        showGridLines: true
    },
    seriesGroups: [{
        type: "column",
        columnsGapPercent: 50,
        seriesGapPercent: 5,
        valueAxis: {
            unitInterval: 1000,
            maxValue: 8000,
            displayValueAxis: true,
            description: "Sales in USD",
            axisSize: "auto",
            tickMarksColor: "#888888"
        },
        series: [{
            dataField: "Products",
            displayText: "Product Sales",
            labels: {
                visible: true,
                backgroundColor: "#FEFEFE",
                backgroundOpacity: 0.2,
                borderColor: "#7FC4EF",
                borderOpacity: 0.7,
                padding: { left: 5, right: 5, top: 0, bottom: 0 }
            }
        }]
    }]
});

返回值类型

该属性没有返回值，只是用于启用或禁用十字线。