jQWidgets jqxChart crosshairsLineWidth 属性

jQWidgets是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大和优化的框架，独立于平台，并且被广泛支持。 jqxChart是一个轻量级且功能强大的图表小部件，100% 用 javascript 编写。它提供了许多高级功能并支持三种不同的渲染技术——SVG、HTML5 Canvas 和 VML。

crosshairsLineWidth 属性用于设置或返回 crosshairsLineWidth 属性。即此属性用于设置或返回十字准线的宽度。它接受数字类型值，默认值为 1.0。

句法：

• 设置crosshairsLineWidth属性。

  $('Selector').jqxChart({ crosshairsLineWidth : number});

• 返回crosshairsLineWidth属性。

  var crosshairsLineWidth = 
      $('Selector').jqxChart('crosshairsLineWidth');

链接文件：从链接下载 https://www.jqwidgets.com/download/。在 HTML 文件中，找到下载文件夹中的脚本文件：

示例：下面的示例说明了 jQWidgets 中的 jqxHeatMap crosshairsLineWidth属性：

HTML

  

    
    
    
    
    
    
    
    
    
    
    

  

    
        
          GeeksforGeeks
        
        jQWidgets jqxChart crosshairsLineWidth property
        
        
    
  
      
    
        $(document).ready(function () {
            var Data = [{
            name: 'A',
            ques: 1,
        }, {
            name: 'B',
            ques: 1,
        }, {
            name: 'C',
            ques: 3,
        }, {
            name: 'D',
            ques: 21,
        }];
        // prepare jqxChart settings
        var settings = {
            showLegend: true,
            enableCrosshairs: true,
            crosshairsLineWidth: 5,
            title: "Coding Questions",
            description: "Solved Daily",
            source: Data,
            categoryAxis: {
                dataField: 'name'
            },
            seriesGroups: [{
                type: 'line',
                orientation: 'horizontal',
                columnsGapPercent: 10,
            valueAxis: {
                unitInterval: 10,
                maxValue: 15,
                displayValueAxis: true,
                description: '',
            },
            series: [{
                dataField: 'ques',
                displayText: 'Question Solved'
            }]
        }]
        };
        $('#chartContainer').jqxChart(settings);
    });
  
    
  
  

  

输出：

参考： https ://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxchart/jquery-chart-api.htm?search=