jqPlot造型 - 如何删除Y轴线？

我对jqPlot造型有点麻烦。目前，我有这样的：jqPlot造型 - 如何删除Y轴线？

enter image description here

这花了摆弄得到它这样的，因为它是相当多的，但现在我有一个问题 - 在左边线！我不知道如何删除它，因为我实际上并不知道它是什么！

这是我到目前为止的代码。

plot = $.jqplot('chart', [values], { 
    animate: !$.jqplot.use_excanvas, 
    seriesDefaults: { 
     renderer: $.jqplot.BarRenderer, 
     rendererOptions: { 
     varyBarColor: true, 
     }, 
     pointLabels: { 
     show: true, 
     }, 
     shadow: false, 
    }, 
    axes: { 
     xaxis: { 
     renderer: $.jqplot.CategoryAxisRenderer, 
     ticks: keys, 
     tickOptions: { 
      showGridline: false, 
      showMark: false, 
      fontFamily: 'DosisBold', 
      textColor: '#ffffff', 
      fontSize: 'larger' 
     }, 
     }, 
     yaxis: { 
     tickOptions: { 
      showGridline: false, 
      showMark: false, 
      showLabel: false, 
      shadow: false, 
     }, 
     }, 

    }, 
    seriesColors: ["#bc4427", "#df8321", "#949629", "#5e8c41", "#739c9b", "#3483b3"], 
    grid: { 
     background: '#1d1d1d', 
     drawGridLines: false, 
     borderWidth: 0.0, 
     shadow: false, 
    }, 

    highlighter: { show: false } 
    });

我有一种感觉，它可能与y轴上使用的渲染器有关。目前它只是使用默认的（我认为是LinearAxisRenderer）。如果我将它更改为CategoryAxisRenderer，它将摆脱恼人的线条，但它会显示标记，并使条形顶部的数字不正确（因此可能不会那么有用）。

我也挖通过CSS，寻找线的颜色，＃757575但无济于事。我还将该文件中的每一种颜色都改为突出的东西（即红色），但仍然没有任何变化。

我不确定它是否对某事有影响，但我已经尝试过几乎所有的方法（除了正确的方式）以去除它们;依然没有。

有没有人有过这个问题？有任何想法吗？

来源

2012-07-31 JRod

那么，我仍然没有运用jqPlot选项排序问题，我发现了一个解决方案，就是使用CSS隐藏整个y轴。

我刚刚将这个添加到<style>标记之间的HTML文件中，当然你可以将它放在任何你使用的样式表中。

.jqplot-grid-canvas { 
    display: none; 
}

瞧！该死的y轴终于消失了，让我的图形造型变得好看又好玩。

来源

2012-08-01 03:57:40 JRod

尝试使用：

axes: { 
    yaxis: { 
     showTicks: false 
    } 
}

否则它可能是然后边框尝试（但话又说回来，你设置borderWidth为0，所以它应该有同样的效果）：

grid:{ 
    drawBorder: false, 
    shadow: false 
}

A sample with both options applied.

也可以尝试设置到每个轴：

tickOptions: { 
    showGridline: false 
}

来源

2012-07-31 08:50:37 Boro

我尝试了这些选项中的每一个，但不幸的是他们没有做到这一点......我会继续抨击它。谢谢你尝试！ – JRod 2012-08-01 02:55:05

@Boro你能帮我吗？我怎样才能使这个小提琴http://jsfiddle.net/Boro/TfUfD/2/为一个图，如在输出这显示两个图？ – 2012-10-16 08:17:25

@PankajKumar我不知道这里有什么问题。我在那里看到一张图。请提交一个新问题，您可以在其中详细描述您的问题。 – Boro 2012-10-16 08:36:35

对于我下面做了这样的伎俩：

我已成立borderWidth : 0这恰好是问题，因为它设置激活吧！删除它解决了问题！

来源

2012-11-12 09:14:48

我也有这个相同的问题，但我真的不想用自定义CSS修复它。

我终于设法弄清楚你可以传递gridLineColor属性，这样你就可以从jqPlot图形参数左边隐藏那条烦人的线。

grid: { 
    gridLineColor: "#FFFFFF" //or whatever background color you have 
}

来源

2013-07-24 18:20:28

我今天遇到这个问题，我注意到yaxis的“drawBaseline”被渲染器的drawBaseline所覆盖。人们需要在rendererOptions的drawBaseline选项设置以及像这样：

axes: { 
    yaxis: { 
     rendererOptions: {drawBaseline: false} 
    } 
}

看看这个的jsfiddle：http://jsfiddle.net/a88MS/1/

要看到问题，注释和取消注释行38

线37用于演示目的。

来源

2013-09-26 18:19:46 ymas

这应该是公认的答案，因为它是一个更清洁的解决方案。 – Niels 2014-02-18 11:02:07

jqPlot造型 - 如何删除Y轴线？

回答

相关问题