How Do I Add Tooltips to a Timeseries Chart?

Timeseries charts are usually so dense that tooltips are hard to select, so they don't have them. However, if you really need them, then you can add them yourself.

1. When you're filling-in the Chart Builder for a custom Timeseries chart, scroll down to the bottom of the Series Editor form on the left.
   
   
2. Expand the Additional Pipeline (post-render) accordion.
   
   
3. In the Monaco Editor window, paste the following code:
   

{
	"$addFields":{
		"chart.series.0.bullets": [{
			"type": "Circle",
			"width": 10, "height": 10,
			"strokeOpacity": 0, "fillOpacity": 0, 
			"showTooltipOn": "hover",
			"tooltipText": "{dateX.formatDate('MMM dd')} – {valueY}"
		}]
	}
}

4. Toggle-on the Use Pipeline checkbox. You can preview the change in the Render Preview window in the upper-right.
   
   
5. Click the OK button to accept the change.
   

The new stage changes the "bullet" that marks the tip of each point in the line in the chart: making it a bigger but transparent circular tooltip target. Then the stage adds the value paths for the tooltip and some modifiers and formatting.

• Related Articles

• How Do I Add ‘Storytelling’ to a Dashboard?

  If you only use the out-of-the-box dashboards, or have a custom dashboard with one widget, then you’re all set. But, if you decide to build a custom dashboard (or more) with many widgets, then you must consider the overall design. “Widgets” include ...

• How Do I Build a Sankey Chart?

  How to Build a Sankey Chart If you want to analyze navigation patterns in your course, then you can show branching — and even abandonment — with a Sankey chart. How to create — In an Advanced Graph Query widget, insert code like this… { "title": ...

• Why Doesn’t My Duration Chart Work?

  Use meta.duration, Not result.duration If you’re trying to build a chart with duration as the metric and it’s not working, then the reason is probably that you’re trying to get values from result.duration. Use meta.duration instead. Statements encode ...

• How Do I Add Custom xAPI to Storyline?

  While Articulate Storyline supports a handful of xAPI actions out-of-the-box, you may want more. In response, Articulate added an option to create a trigger that sends a custom xAPI statement. If you need help working with triggers, then the ...

• How Do I Show Percent of Students?

  In a custom dashboard, you can easily build a bar chart that shows the number of unique students per course. Chart Builder with simulated data offered in the free Veracity Learning LRS. Problem But what if you want to show the number of unique ...