title: Problem with styling javafx mixed barchart/linechart
body: <p>I encountered a frustrating problem with styling a javafx graph. Hope that somebody can help me out.</p>
  <p>Using the JavaFx-library I made a StackedBarChart and a LineChart combined in one scene:</p>
  <pre><code>StackPane stackpane = new StackPane();
  stackpane.getChildren().addAll(lineChart,stackedBarChart);
  scene.getStylesheets().add(getClass().getResource(&quot;style.css&quot;).toExternalForm());
  </code></pre>
  <p>Style.css looks as follows:</p>
  <pre><code>.default-color0.chart-series-line { -fx-stroke-width: 4px;-fx-stroke: #3F48CC; -fx-stroke-dash-array: 12 12 12 12;} 
  .default-color0.chart-bar { -fx-bar-fill: #AA3B3B } 
  .default-color1.chart-bar { -fx-bar-fill: #FFC000 } 
  .chart-plot-background { -fx-background-color: transparent; }
  </code></pre>
  <p>The resulting image is:
  <a href="https://i.stack.imgur.com/oduoc.png" rel="nofollow noreferrer">Resulting image</a></p>
  <p>Now I want to turn everything that is lightgrey (the background) into white. I tried that by adding the following styling:</p>
  <pre><code>.chart {-fx-background-color: white}
  </code></pre>
  <p>But this simple action makes the linechart (with the title of the chart) disappear:</p>
  <p><a href="https://i.stack.imgur.com/khwis.png" rel="nofollow noreferrer">Resulting image after adding style line</a></p>
  <p>It seems that the .chart class refers to the background of the barchart, which is covering the linechart. Therefore: how to set the background of the entire image? Or should I make the background of the barchart-layer transparent and the background of the linechart-layer white? And if so: how to do that?</p>
  <p>Thanks a lot!</p>