Simple XML for bullet graphs

Custom visualizations use a namespaced syntax for Simple XML. Specific visualization properties are appended to the app and visualization context.

Add a bullet graph to a dashboard panel

You can add a bullet graph to a dashboard panel using Simple XML. Use this syntax to specify the app and visualization context.

<viz type="bullet_graph_app.bullet_graph">
</viz>

Configure bullet graph properties

To configure a bullet graph property, append any of the following property names to this context.

<option name=
    "bullet_graph_app.bullet_graph.[property_name]">[property_value]
</option>

Option name	Accepted values	Default	Example
bulletColor	Any CSS hex value	#333	<option name="bullet_graph_app.bullet_graph.bulletColor">#c6c6c6</option>
targetMarkerColor	Any CSS hex value	#333	<option name="bullet_graph_app.bullet_graph.targetMarkerColor ">#cccccc</option>
rangeLowColor	Any CSS hex value	#cccccc	<option name="bullet_graph_app.bullet_graph.rangeLowColor">#c6c6c6</option>
rangeMidColor	Any CSS hex value	#c6c6c6	<option name="bullet_graph_app.bullet_graph.rangeMidColor">#cccccc</option>
rangeHighColor	Any CSS hex value	#a4a4a4	<option name="bullet_graph_app.bullet_graph.rangeHighColor">#c6c6c6</option>

Example Simple XML source

Here is an example dashboard panel.

[...]
    <panel>
      <title>Custom Colors</title>
      <viz type="bullet_graph_app.bullet_graph">
        <search>
          <query>| inputlookup sales_goals.csv | table metric value range_low range_med range_high target</query>
          <earliest></earliest>
          <latest></latest>
        </search>
        <option name="bullet_graph_app.bullet_graph.bulletColor">#1e93c6</option>
        <option name="bullet_graph_app.bullet_graph.targetMarkerColor">#d93f3c</option>
        <option name="bullet_graph_app.bullet_graph.rangeLowColor">#f58f39</option>
      </viz>
    </panel>
[...]