javascript - 如何增加折线图的线宽？

Question

是否有任何选项可用于增加折线图的线宽？我试图改变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]
]);

Answer 1

目前，您唯一的选择是在选项中指定更高的width值。从文档中，在's options的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值中得出）。