如何增加折线图的线宽?

时间:2013-02-08 15:26:19

标签: javascript raphael graphael

是否有可用于增加折线图线宽的选项?我试图改变stroke,但这似乎没有任何影响。

以下是线图的初始化方式:

paper.linechart(10, 30, 400, 240, [
    [5, 10, 15, 20, 25, 30, 35]
], [
    [15, 10, 20, 14, 13, 17, 9],
    [7, 13, 17, 9, 10, 20, 14],
    [5, 4, 14, 12, 20, 3, 16]
]);

1 个答案:

答案 0 :(得分:1)

目前,您唯一的选择是在选项中指定更高的width值。来自documentation,位于width选项的Paper.lineChart属性下:

  

width)控制绘制符号的大小。还控制厚度   使用公式stroke-width = width / 2的行。

要仅控制行的stroke-width,您应该能够将空symbol和所需的width值传递给opts,例如:

paper.linechart(10, 30, 400, 240, [
    [5, 10, 15, 20, 25, 30, 35]
], [
    [15, 10, 20, 14, 13, 17, 9],
    [7, 13, 17, 9, 10, 20, 14],
    [5, 4, 14, 12, 20, 3, 16]
], {
    symbol: '',
    width: 5
});

(当然,您可以将circle作为符号传递,但其大小将来自width值。

相关问题