代码之家  ›  专栏  ›  技术社区  ›  sony

如何在剑道中为图表添加条件着色?

  •  1
  • sony  · 技术社区  · 11 年前

    enter image description here

    我正在努力实现剑道图中的功能,如上所述。

    条形图的颜色应根据百分比值进行更改。我已经研究了其他例子,如下面的例子:

    Binding DataViz chart (Bar chart) locally using Angular

    但它使用了4个不同的系列,具有预定义的颜色。我需要根据百分比值改变颜色。有什么方法可以实现这一点,而不是多个系列?

    1 回复  |  直到 7 年前
        1
  •  3
  •   sony    11 年前

    在seriesDefault下,我的更改如下:

    seriesDefaults: {
                                type: "column",
                                column: {
                                    color: getcolor // use a function to get color
                                },
                                gap: .1,
                                overlay: {
                                    gradient: "none"
                                }
                            },
    
    
    
    
    
    function getcolor(e) {
    
            if (e.value < 3000) {
                return "red";
            }
            else if (e.value > 3000 && e.value < 5000) {
                return "orangered";
            }
            else if (e.value > 5000 && e.value < 7000) {
                return "orange";
            }
            else if (e.value > 7000 && e.value < 9000) {
                return "olive";
            }
            else {
                return "green";
            }
        }
    

    enter image description here