javascript - jQuery flot 去除条形边框

标签 javascript jquery flot

这是我的 jsFiddle

如何删除边框或使其与栏相同(而不是更暗)?

编辑:实际上,我需要完全删除边框。这可能吗?

    var chartOptions = {
            xaxis: { ticks: chartTicks },
            grid: { clickable: true, hoverable: true },
    series: { stack: true, bars: { fill: '#000', show: true, align:'center', barWidth: 0.5 } }
        };

最佳答案

您可以使用 lineWidth 选项删除条形的轮廓/边框和/或使用 fillColor 选项更改填充(这也可用于 gradients ):

    series: {
        stack: true,
        bars: {
            show: true,
            align: 'center',
            barWidth: 0.5,
            lineWidth: 0,
            fillColor: {
                colors: [{
                    opacity: 1.0
                }, {
                    opacity: 1.0
                }]
            }
        }
    }

请参阅 fiddle 的示例。

关于javascript - jQuery flot 去除条形边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30255667/

相关文章:

jquery - 使用 ajax 从 mysql 获取 highchart 数据

javascript - 如何使用 Flot Java Script 库为条形图中的系列分配不同的颜色?

javascript - jQuery.validate 和隐藏输入

javascript - 清理模式来管理树上的多步异步进程

ajax - 使用ajax加载youtube框架的ajax,其中youtube id是文本输入

javascript - 如何将重复的 css 值存储在变量中以减少代码的重复性?

javascript - flot jquery y 轴选项不起作用

javascript - jQuery - 图表只显示 1 个图表

javascript - HTML5 Canvas 拖放多个文本

javascript - 当对象设置为 null 时函数调用失败