Click to search on your search term.
Subscribe to Fig Leaf Tutorials


Need help with a project? Contact us at sales@figleaf.com.
From code reviews to project "jumpstarts" and full life-cycle development, we've got you covered!
Check out our case studies!
Follow us on Twitter!
Click here to join our Facebook group!

Ready to upgrade your skills? Try these instructor-led classes in Washington, DC:
Ext JS 6 Bootcamp
12/04/2017

Adding Chart Series

Page of 168
A chart series (pie) that has a highlight effect and tool tips.

Ext.chart.series.Series is the abstract class containing the common logic to all chart series. The Series class includes methods and properties that affect chart labels, highlight effects, and the definitions for tool tips. In addition, each series type supports its own custom properties. For example, a line series has a property to configure the line type, which is not supported by the pie series.

Since all chart series inherit from the Ext.chart.series.Series class, they all support a common set of configuration properties. You will typically configure the following chart series properties:

Config Property Description
highlight Boolean/Object. If true, the markers of the series will highlight when the user hovers over them with the mouse. You can also configure the object as an Ext.draw.Sprite to apply custom styles.
label Ext.chart.Label object, as described on the previous page.
listeners Object. Enables you to define event handlers for itemmouseup, itemmousedown, and itemmousemove events that are triggered when the user interacts with a marker. Defining an itemmousedown event listener is typically used for data-drilldown scenarios.
showInLegend Boolean. If true, show the series in the chart's legend.
tips Object. Adds tooltips to the series markers.
title String. The name of the series.
type String. The type of the series. May be one of the following: 'pie','line', 'column', 'bar', 'area', 'gauge', 'radar', 'scatter'

 

Page of 168
comments powered by Disqus