2013-10-30 2 views
2

이렇게 어려운 질문은 아니지만 내 인생을 구하기위한 속성을 찾을 수 없습니다. 나는 멋진 Javafx XYChart를 구축 중이다. (모든 것을 말해야한다.) 모든 것이 훌륭하다. 나는 Oracle CSS styling guide의 도움을 받아 대부분 원하는 부분을 찾을 수 있었고 멋진 그래프를 만들 수 있었다. 나는 10 평판> _> 게시했다. 자, 여기에있는 무작위 포물선을 무시하고, 정말로 다른 것들을 처리하는 방법을 알고 있기 때문에, 내가 가진 문제는 빨간색 x가 가리키는 곳입니다. 그 축의 선은 짙은 검은 색처럼 보이게해야합니다. 하지만 올바른 CSS 속성을 찾을 수 없습니다. 속성은 fx 축 스트로크라고 생각할 수 있지만 javafx 2.0은 해당 매개 변수를 인식하지 못합니다. (내가 제공 한 링크는 1.3에서 나온 것인데, 새로운 것 중 대부분은 그 목록을 가지고 있지 않습니까? O_o). 내 CSS 파일은 다음과 같습니다 :JavaFX에서 수평선과 수직선을 더 어둡게 만드는 방법

/* This css file holds all of the styling for the XY chart produced in the calculator.*/ 
    .chart-plot-background { 
     -fx-background-image: url("chart-background 2.png"), url("graph-gridlines.png"); 
     -fx-background-size: cover, auto; 
     -fx-background-repeat: no-repeat, repeat; 
     -fx-background-position: 0% 0%, 0% 100%; 
     -fx-border-color: black black transparent transparent; 
    } 
    .chart { 

     -fx-background-image: url("background.png"); 
     -fx-padding: 15 25 15 15;  
     -fx-border-color: black; 
     -fx-effect: dropshadow(gaussian , rgba(0,0,0,0.8) , 10, 0.0 , 0 , 2); 
    } 
    .axis Text{ 
     -fx-fill: white; 
    } 
    .tick-mark { 
     -fx-font-size: 10px; 
     -fx-effect: dropshadow(one-pass-box , rgba(0,0,0,0.8) , 0, 0.0 , 0 , 1); 
    } 
    .chart-legend{ 
      -fx-background-color: transparent; 
    } 
    .chart-legend-item{ 
     -fx-text-fill: white; 

    } 

    .chart-series-area-line { 
     -fx-stroke: white; 
     -fx-stroke-width: 2px; 
    } 
    .axis-label { 
     -fx-text-fill: azure; 
    } 
    .default-color0.chart-series-line { -fx-stroke: azure; } 
    .default-color1.chart-series-line { -fx-stroke: azure; } 
    .default-color2.chart-series-line { -fx-stroke: azure; } 

    .default-color0.chart-line-symbol { -fx-background-color: azure; } 
    .default-color1.chart-line-symbol { -fx-background-color: azure; } 
    .default-color2.chart-line-symbol { -fx-background-color: azure; } 
    .chart-area-symbol { 
     -fx-background-color: white; 
    } 
    .axis { 
     -fx-stroke: black; 
     -fx-tick-mark-visible: false; 
     -fx-minor-tick-visible: false; 
     -fx-tick-length: 3; 
     -fx-minor-tick-length: 0; 
     -fx-border-color: transparent; 
    } 
    .axis:bottom { 
     -fx-border-color: black transparent transparent transparent; 
    } 
    .axis:left { 
     -fx-border-color: transparent black transparent transparent; 
    } 
    .chart-series-area-fill { 
     -fx-fill: linear-gradient(to right, white, rgba(255,255,255,0)); 
     -fx-blend-mode: OVERLAY; 
    } 

    root { 
     display: block; 
    } 

당신이 줄 수있는 도움이나 통찰력은 크게 감사하겠습니다. 그 재산이 반드시 있어야한다는 것이 나에게 분명하지만, 나는 그 재산을 찾을 수없는 것 같습니다.

편집 : 그림을 게시 할 수 없으므로 위에 언급 한 빨간색 화살표가 보이지 않지만 차트의 x 및 y 축을 가리키는 두 개의 빨간색 화살표가 상상할 수있는 경우 꼭 차트의 경계선에있는 것은 아닙니다.), 그게 당신이 정말로 알아야 할 전부입니다.

답변

3

약 5 분 전에 해결되었습니다. 솔루션은, 내가 생각하기에, 진짜 간단했다.

.chart-vertical-zero-line{ 
    -fx-stroke: black; 
    -fx-stroke-width: 5px; 
} 
.chart-horizontal-zero-line{ 
    -fx-stroke: black; 
    -fx-stroke-width: 5px; 
} 

을 그리고 거기 당신은 당신의 수직 및 수평 제로 라인에 대한 개별 색상/CSS 서식 옵션, 이동 : 마법의 CSS는 그렇게 할 수 있습니다. 굉장해.

관련 문제