graph » plot » rules

rules

[ root » graph » plot » rules ]

Rules allow you to apply different sets of attributes to only the parts of your chart that meet the prerequisites listed in your rules. For example, if you wanted to apply differently styled guide lines to everything below zero on your scale-y, rules can help you do that. In the demo, notice that the guide lines below zero are red; this is because there is a rule that states that for all scale-y values less than 0, guidelines will appear as solid red lines (with an alpha value of 0.4 for a bit of transparency).

...
'scale-y': {
  guide: {
    rules: [
      {
        rule: "%v<0",
        'line-color': "red",
        'line-style': "solid"
      },
      {
        rule: "%v=0",
        'line-style': "solid",
        'line-color': "#c7c7c7"
      }
    ]
  }
}
...