Question

我在使用jqPlot样式时遇到了一些麻烦。目前我有这个：

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，但无济于事。我还将该文件中的每个单一颜色更改为突出的（即红色），但仍然没有任何变化。

我不确定它是否是某个东西的影子，但我已经尝试过各种方式（除了正确的方法）来删除它们;仍然没有。

以前有人有这个问题吗？有什么想法吗？

Answer 1

我今天遇到了这个问题，我注意到yaxis的“drawBaseline”被渲染器的drawBaseline覆盖了。需要在rendererOptions中设置drawBaseline选项，如下所示：

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

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

要查看问题，请注释并取消注释第38行。

第37行用于演示目的。

Answer 2

尝试使用：

axes: {
    yaxis: {
       showTicks: false
    }
}

否则它可能是边框然后尝试（但是再次将borderWidth设置为0，因此它应该具有相同的效果）：

grid:{
    drawBorder: false,
    shadow: false
}

A sample with both options applied.

也可以尝试设置每个轴：

tickOptions: {
    showGridline: false
}

Answer 3

好吧，我仍然没有运气使用jqPlot选项排序问题，我找到了一个解决方案，只是使用CSS隐藏整个y轴。

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

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

瞧！诅咒的y轴终于消失了，留下了我的图形造型美观和纯粹。

Answer 4

对我来说，以下确实可以解决问题：

我设置了borderWidth : 0这就是问题所在，因为设置它已激活它！删除它解决了这个问题！

Answer 5

我也有同样的问题，但我真的不想用自定义css修复它。

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

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

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

5 个答案: