Alterar o tamanho e o símbolo dos pontos do gráfico de dispersão no ScalaFX

Isso certamente não está tão bem documentado quanto poderia ser ... :-(

As folhas de estilo são normalmente colocadas no diretório de recursos do seu projeto. Se você estiver usando o SBT (recomendado), isso seria src/main/resources.

Neste exemplo, adicionei uma folha de estilo chamada MyCharts.cssa este diretório com o seguinte conteúdo:

/* Blue semi-transparent 4-pointed star, using SVG path. */
.default-color0.chart-symbol {
    -fx-background-color: blue;
    -fx-scale-shape: true;
    -fx-shape: "M 0.0 10.0 L 3.0 3.0 L 10.0 0.0 L 3.0 -3.0 L 0.0 -10.0 L -3.0 -3.0 L -10.0 0.0 L -3.0 3.0 Z ";
    -fx-opacity: 0.5;
}

/* Default shape is a rectangle. Here, we round it to become a red circle with a white
 * center. Change the radius to control the size.
 */
.default-color1.chart-symbol {
    -fx-background-color: red, white;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 3px;
    -fx-padding: 3px;
}

color0será usado para a primeira série de dados (a linha de regressão), color1para a segunda (seus dados de dispersão). Todas as outras séries usam o estilo JavaFX padrão .

(Para obter mais informações sobre o uso de caminhos de gráficos vetoriais escaláveis ( SVG ) para definir formas personalizadas, consulte a seção relevante da especificação SVG .)

Para que esta folha de estilo seja usada pelo ScalaFX ( JavaFX ), você tem uma escolha de opções. Para aplicá-los globalmente, adicione-o à cena principal (que é o que fiz abaixo). Como alternativa, se cada gráfico precisar de um estilo diferente, você pode adicionar diferentes folhas de estilo a gráficos específicos. (Aliás, também adicionei o padrão inclui importação, pois isso evita muitos problemas de conversão de elemento JavaFX - ScalaFX ; caso contrário, não fiz alterações em suas fontes.)

import scalafx.Includes._
import scalafx.application.JFXApp
import scalafx.scene.Scene
import scalafx.scene.chart.ScatterChart
import scalafx.collections.ObservableBuffer
import scalafx.scene.chart.NumberAxis
import scalafx.scene.chart.XYChart
import scalafx.scene.shape.Line
import org.ejml.simple.SimpleMatrix
import scala.math.pow
import scala.collection.mutable.Buffer

object Plotting extends JFXApp {
  /*
   * Below are some arbitrary x and y values for a regression line
   */
  val xValues = Array(Array(1.0, 1.0, 1.0, 1.0, 1.0, 1.0), Array(14.0, 19.0, 22.0, 26.0, 31.0, 43.0))
  val yValues = Array(Array(51.0, 57.0, 66.0, 71.0, 72.0, 84.0))
  val temp    = yValues.flatten
  val wrapper = xValues(1).zip(temp)
  /*
   * In the lines before stage what happens is that matrices for the x and y values are created, coefficients
   * for the regression line are calculated with matrix operations and (x, y) points are calculated for the 
   * regression line.
   */
  val X       = new SimpleMatrix(xValues).transpose
  val Y       = new SimpleMatrix(yValues).transpose
  val secondX = new SimpleMatrix(xValues(0).size, 2)
  for (i <- 0 until xValues(0).size) {
    secondX.set(i, 0, xValues(0)(i))
    secondX.set(i, 1, xValues(1)(i))
  }
  val invertedSecondX = secondX.pseudoInverse()
  val B = invertedSecondX.mult(Y)
  val graphPoints = Buffer[(Double, Double)]()
  for (i <- 0 to xValues(1).max.toInt) {
    graphPoints.append((i.toDouble, B.get(0, 0) + i * B.get(1, 0)))
  }

  stage = new JFXApp.PrimaryStage {
    title = "Demo"
    scene = new Scene(400, 400) {

      // Add our stylesheet.
      stylesheets.add("MyCharts.css")

      val xAxis = NumberAxis()
      val yAxis = NumberAxis()
      val pData = XYChart.Series[Number, Number](
        "Data",
        ObservableBuffer(wrapper.map(z => XYChart.Data[Number, Number](z._1, z._2)): _*))
      val graph = XYChart.Series[Number, Number](
        "RegressionLine",
        ObservableBuffer(graphPoints.map(z => XYChart.Data[Number, Number](z._1, z._2)): _*))
      val plot = new ScatterChart(xAxis, yAxis, ObservableBuffer(graph, pData))
      root     = plot
    }
  }
}

Para obter mais informações sobre as opções de formatação CSS disponíveis (alterar formas, cores, transparência, etc.), consulte o JavaFX CSS Reference Guide .

O resultado é o seguinte: