JavaFx折线图图例符号

时间:2017-08-15 09:57:48

标签: css javafx

我正在尝试绘制没有符号的折线图,我设法做到了。然后我想将图例符号设置为行而不是符号。所以我尝试使用

  

-fx-shape:" M0,0 l10,0&#34 ;;

绘制一条线但没有显示任何内容。然后我尝试使用

画一个矩形
  

-fx-shape:" M1,0 L5,0 L15,0 L1,1 Z&#34 ;;

但是它不是矩形,而是像第二个图例符号一样给我一个正方形。

*{
  -line-0: #191970;
  -line-1: #e9967a;
  -line-2: #f0e68c;
  -line-3: #dda0dd;
  -line-4: #0181e2;
  -line-5: #2f357f;

  -fx-create-symbols: false;
}

.default-color0.chart-series-line { -fx-stroke: -line-0;  }
.default-color1.chart-series-line { -fx-stroke: -line-1; }
.default-color2.chart-series-line { -fx-stroke: -line-2; }

.default-color0.chart-line-symbol {  /*solid circle*/ 
    -fx-background-color: -line-0;
    -fx-background-radius: 5px;
    -fx-shape: "M0,0 l10,0";
}
.default-color1.chart-line-symbol { /* solid square */
    -fx-background-color: -line-1;
    -fx-background-radius: 0;
}
.default-color2.chart-line-symbol { /* solid diamond */
    -fx-background-color: -line-2;
    -fx-background-radius: 0;
    -fx-padding: 7px 5px 7px 5px;
    -fx-shape: "M5,0 L10,9 L5,18 L0,9 Z";
}
.default-color3.chart-line-symbol { /* cross */
    -fx-background-color: #0181e2;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-shape: "M2,0 L5,4 L8,0 L10,0 L10,2 L6,5 L10,8 L10,10 L8,10 L5,6 L2,
    10 L0,10 L0,8 L4,5 L0,2 L0,0 Z";
}
.default-color4.chart-line-symbol { /* solid triangle */
    -fx-background-color: #2f357f;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-shape: "M5,0 L10,8 L0,8 Z";
}

enter image description here

如何在图例符号中显示一行?

0 个答案:

没有答案