如何擺脫與CSS線圖的軸線？

在JavaFX，我已經加了邊框的線型圖與下面的CSS：如何擺脫與CSS線圖的軸線？

.chart-plot-background 
{ 
-fx-border-color: black; 
-fx-border-width: 4px; 
-fx-border-insets: -2px; 
}

與圖表的樣子：

我不能，但是，弄清楚如何獲得擺脫邊界線中間的藍色「軸線」。我需要做些什麼來使這些x軸和y軸線變黑或不可見？

來源

2017-02-21 JustAnotherRandomProgrammer

你能與更多的代碼張貼在plunkr？用小塊的css代碼解碼是不可能的。 – Smit

確切地知道你想達到什麼是有點困難。但總體概述如下。希望它能讓你更進一步地指導你如何自己修改這些東西，並且你將能夠修改它以獲得你需要的效果。

背景

檢查modena.css文件，你可以找到jfxrt.jar文件中附帶您的Oracle JDK 8的安裝。該文件定義圖表的樣式。您可以根據需要在您提供的自定義CSS樣式表中重寫這些樣式。通過CSS

.axis:top { 
    -fx-border-color: transparent transparent AXIS_COLOR transparent; 
}

控制圖表樣式

要關閉圖表上繪製軸線可以設置：

的上邊框顏色爲實例的默認值被定義爲軸邊框顏色的適當值爲transparent（或null）。例如：

.axis:top { 
    -fx-border-color: transparent; 
}

此外，您的示例圖表功能網格線，這將在正在定義自定義chart-plot-background邊框的頂部繪製。爲了防止發生這種情況，您還可以使網格線透明。在示例中，我還註釋了-fx-border-insets: -2px的值，因爲它將邊界置於軸上的滴答下面，看起來很奇怪。

樣品CSS

因此，在總結樣本CSS文件類似於以下。該圖表基於Oracle sample line chart code。

.chart-plot-background { 
    -fx-border-color: black; 
    -fx-border-width: 4px; 
    /*-fx-border-insets: -2px;*/ 
} 

.axis:top { 
    -fx-border-color: transparent; 
} 

.axis:right { 
    -fx-border-color: transparent; 
} 

.axis:bottom { 
    -fx-border-color: transparent; 
} 

.axis:left { 
    -fx-border-color: transparent; 
} 

.chart-vertical-grid-lines { 
    -fx-stroke: transparent; 
} 

.chart-horizontal-grid-lines { 
    -fx-stroke: transparent; 
}

繪製時，上述CSS，樣品圖如下所示：

來源

2017-02-21 18:40:53 jewelsea

這正是我想要的：只是爲了擺脫軸上的那些小線條。這解決了它，謝謝！ – JustAnotherRandomProgrammer

如何擺脫與CSS線圖的軸線？

回答

相關問題