jqplot 改变鼠标悬停时图形的颜色

发布于 2024-09-29 06:33:11 字数 4231 浏览 7 评论 0原文

jqPlot 当鼠标悬停时更改填充颜色...我想删除该效果..如何?

以下是使用的选项:

var options={
    series: [{
            neighborThreshold: -1,
            shadowAngle:0,
            shadowOffset:2.5,
            shadowAlpha:.05,
            shadowDepth:5
        }],
    seriesDefaults: {
        color: '#224',
        fill: true,        // fill under the line,
        fillAndStroke: true,       // *stroke a line at top of fill area.
        fillColor: '#66CCCC',       // *custom fill color for filled lines (default is line color).
        fillAlpha: 0.2,       // *custom alpha to apply to fillColor.
        markerRenderer: $.jqplot.MarkerRenderer,    // renderer to use to draw the data
        // point markers.
        markerOptions: {
            show: false,             // wether to show data point markers.
            style: 'filledCircle',  // circle, diamond, square, filledCircle.
            // filledDiamond or filledSquare.
            lineWidth: 2,       // width of the stroke drawing the marker.
            size: 9,            // size (diameter, edge length, etc.) of the marker.
            color: '#FFFF00',    // color of marker, set to color of line by default.
            shadow: true,       // wether to draw shadow on marker or not.
            shadowAngle: 45,    // angle of the shadow.  Clockwise from x axis.
            shadowOffset: 1,    // offset from the line of the shadow,
            shadowDepth: 3,     // Number of strokes to make when drawing shadow.  Each stroke
            // offset by shadowOffset from the last.
            shadowAlpha: 0.07   // Opacity of the shadow
        },
        trendline: {
            show: false,         // show the trend line
            color: '#666666',   // CSS color spec for the trend line.
            label: '',          // label for the trend line.
            type: 'linear',     // 'linear', 'exponential' or 'exp'
            shadow: true,       // show the trend line shadow.
            lineWidth: 1.5,     // width of the trend line.
            shadowAngle: 45,    // angle of the shadow.  Clockwise from x axis.
            shadowOffset: 1.5,  // offset from the line of the shadow.
            shadowDepth: 3,     // Number of strokes to make when drawing shadow.
            // Each stroke offset by shadowOffset from the last.
            shadowAlpha: 0.07   // Opacity of the shadow
        }
    },
    grid: {
        drawGridLines: true,        // wether to draw lines across the grid or not.
        gridLineColor: '#d0d0d0',    // *Color of the grid lines.
        background: '#ffffff',      // CSS color spec for background color of grid.
        borderColor: '#ffffff',     // CSS color spec for border around grid.
        borderWidth: 2.0,           // pixel width of border around grid.
        shadow: true,               // draw a shadow for grid.
        shadowAngle: 45,            // angle of the shadow.  Clockwise from x axis.
        shadowOffset: 1.5,          // offset from the line of the shadow.
        shadowWidth: 3,             // width of the stroke for the shadow.
        shadowDepth: 3,             // Number of strokes to make when drawing shadow.
        // Each stroke offset by shadowOffset from the last.
        shadowAlpha: 0.07,           // Opacity of the shadow
        renderer: $.jqplot.CanvasGridRenderer,  // renderer to use to draw the grid.
        rendererOptions: {}         // options to pass to the renderer.  Note, the default
        // CanvasGridRenderer takes no additional options.
    },
    axes: {
        xaxis: {
            renderer:$.jqplot.DateAxisRenderer,
            rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},
            tickOptions:{
                formatString:'%b %#d,%y'

            }
        },
        yaxis: {      
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
            borderColor:'#808080',
            renderer: $.jqplot.LogAxisRenderer,
            autoscale:true,
            min:0,
            tickOptions:{formatString:'$%.2f'}
        }
    },
    highlighter: {
        show:true,
        sizeAdjust: 7.5
    },
    cursor:{zoom:true, showTooltip:true},
    legend:{show:false}
};

jqPlot changes the color of the fill when mouse hovers... I want to remove that effect.. How ??

Here are the options used:

var options={
    series: [{
            neighborThreshold: -1,
            shadowAngle:0,
            shadowOffset:2.5,
            shadowAlpha:.05,
            shadowDepth:5
        }],
    seriesDefaults: {
        color: '#224',
        fill: true,        // fill under the line,
        fillAndStroke: true,       // *stroke a line at top of fill area.
        fillColor: '#66CCCC',       // *custom fill color for filled lines (default is line color).
        fillAlpha: 0.2,       // *custom alpha to apply to fillColor.
        markerRenderer: $.jqplot.MarkerRenderer,    // renderer to use to draw the data
        // point markers.
        markerOptions: {
            show: false,             // wether to show data point markers.
            style: 'filledCircle',  // circle, diamond, square, filledCircle.
            // filledDiamond or filledSquare.
            lineWidth: 2,       // width of the stroke drawing the marker.
            size: 9,            // size (diameter, edge length, etc.) of the marker.
            color: '#FFFF00',    // color of marker, set to color of line by default.
            shadow: true,       // wether to draw shadow on marker or not.
            shadowAngle: 45,    // angle of the shadow.  Clockwise from x axis.
            shadowOffset: 1,    // offset from the line of the shadow,
            shadowDepth: 3,     // Number of strokes to make when drawing shadow.  Each stroke
            // offset by shadowOffset from the last.
            shadowAlpha: 0.07   // Opacity of the shadow
        },
        trendline: {
            show: false,         // show the trend line
            color: '#666666',   // CSS color spec for the trend line.
            label: '',          // label for the trend line.
            type: 'linear',     // 'linear', 'exponential' or 'exp'
            shadow: true,       // show the trend line shadow.
            lineWidth: 1.5,     // width of the trend line.
            shadowAngle: 45,    // angle of the shadow.  Clockwise from x axis.
            shadowOffset: 1.5,  // offset from the line of the shadow.
            shadowDepth: 3,     // Number of strokes to make when drawing shadow.
            // Each stroke offset by shadowOffset from the last.
            shadowAlpha: 0.07   // Opacity of the shadow
        }
    },
    grid: {
        drawGridLines: true,        // wether to draw lines across the grid or not.
        gridLineColor: '#d0d0d0',    // *Color of the grid lines.
        background: '#ffffff',      // CSS color spec for background color of grid.
        borderColor: '#ffffff',     // CSS color spec for border around grid.
        borderWidth: 2.0,           // pixel width of border around grid.
        shadow: true,               // draw a shadow for grid.
        shadowAngle: 45,            // angle of the shadow.  Clockwise from x axis.
        shadowOffset: 1.5,          // offset from the line of the shadow.
        shadowWidth: 3,             // width of the stroke for the shadow.
        shadowDepth: 3,             // Number of strokes to make when drawing shadow.
        // Each stroke offset by shadowOffset from the last.
        shadowAlpha: 0.07,           // Opacity of the shadow
        renderer: $.jqplot.CanvasGridRenderer,  // renderer to use to draw the grid.
        rendererOptions: {}         // options to pass to the renderer.  Note, the default
        // CanvasGridRenderer takes no additional options.
    },
    axes: {
        xaxis: {
            renderer:$.jqplot.DateAxisRenderer,
            rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},
            tickOptions:{
                formatString:'%b %#d,%y'

            }
        },
        yaxis: {      
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
            borderColor:'#808080',
            renderer: $.jqplot.LogAxisRenderer,
            autoscale:true,
            min:0,
            tickOptions:{formatString:'$%.2f'}
        }
    },
    highlighter: {
        show:true,
        sizeAdjust: 7.5
    },
    cursor:{zoom:true, showTooltip:true},
    legend:{show:false}
};

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无戏配角 2024-10-06 06:33:11

jqueryplot 版本 0.9.7-546 及更高版本中进行了更改,为系列添加了一些新属性:

seriesDefaults: {
    rendererOptions: {
        highlightMouseOver: true,
        highlightMouseDown: false,
        highlightColor: null,
    },
},

如果将highlightMouseOver 设置为 false,则会消失。

更多详细信息请参见该行的源代码渲染器

There was a change in jqueryplot version 0.9.7-546 and later that added a few new properties for series:

seriesDefaults: {
    rendererOptions: {
        highlightMouseOver: true,
        highlightMouseDown: false,
        highlightColor: null,
    },
},

If you set highlightMouseOver to false, this goes away.

More details are available in the source code for the line renderer

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文