Chart Restyle

[markov00]

General:

• IN REVIEW feat: add chart size type overrides #317 Multiple way to set the<Chart /> size
• IN REVIEW fix: remove clippings from chart #320 Remove clipping regions Avoid clipping tooltip markers on edges #20
• Reorder color palette to avoid having vibrant colors one near the other
• Improve font-size/data glyph balance  #1276

Bar chart:

• Rounded corners (border-radius) for bars, configurable via theme and also specific bar style with few options: flat, rounded on edges (top and bottom), all rounded (each bar has rounded corners), round on top (default). The radius is configurable in px and %.
• Configurable outer padding of the chart https://d.pr/free/i/5FVNo6
• Configurable padding between clustered bars https://d.pr/free/i/lkgsj5

Line chart:

• [ ] Curve default to a smooth one Cleanup defaults #121
• Hide point markers when the space between points is too small to see the twist and turn of the line

Area chart:

• [ ] Curve default to a smooth one Cleanup defaults #121
• Check the possibility to add a gradient on the fill

Axis/Grids

• DONE fix(axis): limit chart dimensions to avoid axis labels overflow #314 Remove spaces around chart/labels if padding or size is 0 https://d.pr/free/i/5iUHSH
• DONE fix(axis): limit chart dimensions to avoid axis labels overflow #314 Reduce the chart size if the edge labels are overflowing the chart size
• IN REVIEW feat: customize number of axis ticks #319 Allow set the number of ticks for each axis
• (extra) It would be nice to be able to just display axes and grid without the need to add a chart type.
• Can the time formatter be smarter about not needing to show certain parts of the timestamp if they're always the same across the axis? https://d.pr/free/i/WkkiZN https://d.pr/free/i/tMVbqN

Interactions

• Enable custom hover effect on bars/pints
• Enable cursor pointer only if there are callback associated
• Shaded column for line charts https://d.pr/free/i/JmZl7a

Tooltip

• Add total for stacked value tooltips (this can be in the header of the tooltip)
• Fix tooltip to the top (no horizontal movement)
• Fix tooltip for long text/values
• When there's only one series, no need to show the name of the series in the tooltip https://d.pr/free/i/k0UuRI

Annotations

• Align annotation icon to the top if possible

Legend

• IN PROGRESS fix(legend): disable fade other if legend item is not visible #321 When hovering on a legend item that is currently hidden, don't fade the other series https://d.pr/free/i/DbbyWC
• When not hovering on the chart, allow the legend values to be the total value instead of the last x value. https://d.pr/free/i/1D9Bw3

Themes

• Better default style colors

[markov00]

@cchaos regarding

When not hovering on the chart, allow the legend values to be the total value instead of the last x value. https://d.pr/free/i/1D9Bw3

This is not the default behaviour in TSVB, TSVB will always shows the last bucket value. We can hide that value by default, and we will find a different way to configure what will represent that number.

[abdul737]

Is it currently possible to add a gradient fill in the AreaSeries?

[markov00]

@abdul737 we have a list item for that in this ticket and we are going to support that, but it's currently not on our immediate priority list.

[markov00]

closing this for now, most of the tasks are in place, others need to be reconsidered.