在条形图上显示负值

时间:2019-05-22 21:17:21

标签: javascript html

我正在尝试创建一个图表,在其中可以显示团队的积分差异。显然,有些团队的得分差异为负,而有些团队的得分差异为正。

我正在使用的代码是:

myRectangle.enter()
    .append("rect")
    .attr("x", function(d, i) {
        return 45 + i\*50;
        })
    .attr("y", function(d) {
        if (d.Pts\_diff < 0) {return 800 +(-1)\*d.Pts\_diff};
        else {return 400 - d.Pts\_diff;}
        })
    .attr("width", 45)
    .attr("height", function(d) {
        return d.Pts\_diff;
    .attr("fill", function(d) {
        if (d.Pts\_diff > 300) {return "red";}
        else if (d.Pts\_diff > 200) {return "orange";}
        else if (d.Pts\_diff > 100) {return "yellow";}
        else if (d.Pts\_diff > 0) {return "green";}
        else if (d.Pts\_diff > -100) {return "blue";}
        else {return "purple;"}
        })
    })

这样做时,我收到一条错误消息,说我有一个意外的令牌“ else”。

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

我想你的问题是这条线

if (d.Pts\_diff < 0) {return 800 +(-1)\*d.Pts\_diff};

您还有一个额外的“;”最后,因为下一行以else开头。 删除分号