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軸線？

回答

相關問題