javascript - 迷你图在鼠标悬停时显示奇怪的行为颜色

标签 javascript jquery

我正在使用名为 sparkline 的 jquery 插件

如果我这样使用:

$(function(){
   $("#sparkline5").sparkline([2, 8, 10, 22], {
        type: 'pie',
        height: '140',
        sliceColors: ['#1ab394', '#40e014', '#C4C5C7', '#79D2C0']
    }); 
});

我发现对于#C4C5C7颜色,悬停时它会变成白色而不是浅灰色...

参见jsfiddle:http://jsfiddle.net/bgnswhue/1/

但是...为什么?

enter image description here

最佳答案

尝试像这样调整亮度量:

$(function(){
   $("#sparkline5").sparkline([2, 8, 10, 22], {
        type: 'pie',
        height: '140',
        sliceColors: ['#1ab394', '#40e014', '#C4C5C7', '#79D2C0'],
        highlightLighten: 1.1
    }); 
});

http://omnipotent.net/jquery.sparkline/#interactive

关于javascript - 迷你图在鼠标悬停时显示奇怪的行为颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31919392/

相关文章:

javascript - 将字符串传递给 JavaScript 函数

javascript - 在两个 flex 元素之间绘制箭头

javascript - 在 wordpress 中无法使用 jQuery easy ticker

jquery - 使用 jquery .load() 时未生成 reCaptcha

javascript - 如何使用javascript合并以下格式的两个对象数组

javascript - 如何使用动态内容更新 Twitter 分享按钮 URL?

javascript - 无限滚动加载更多信息后,Swiper slider 不起作用

javascript - 关闭按钮 X 未移除

javascript - 将回调函数作为参数返回 false

javascript - Chart.js - 响应能力无法正确处理设备方向更改