Background
Charts offer hover effect features like "tooltips" and "emphasis" to draw more attention to certain aspects of the data. We need to determine to what extent these features would be available in an MVP so we can define design styles and implement these.
Open questions
- Are these hover effects also accessible using a keyboard?
Updates
- The tooltip popup container should have a border-radius of 2px.
- The text within the tooltip popup should use the same color as the X and Y labels in the charts.
- The padding within the tooltip popup should be 16px.
- The spacing between labels within the tooltip popup should be 8px.
- Line and Stacked Area charts should have these features:
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
emphasis: {
focus: 'series',
blurScope: 'coordinateSystem'
},- Bar charts should have these features:
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
emphasis: {
focus: 'series',
blurScope: 'coordinateSystem'
},- Pie charts should have these features:
tooltip: {
trigger: 'item',
},
emphasis: {
scale: 'true',
scaleSize: 10,
}Acceptance criteria
- These MVP features are implemented
