fkm / chart Goto Github PK

• Circles: Vertically lowest dataset (shape) should have the highest z-index.
• List: Vertical order of list should match that of the shapes.

Currently, the tooltip uses linear scaling and therefore has some ugly behavior when used with bars.

This will probably be a bigger change around the x-axis and touch the scaling of all elements.

If provided in the configuration the chart should show a label and unit along both y-axes.

Temperatur (°C), Niederschlag (mm), ...

Explorer as seen in Google financial charts.

The explorer should also also support panning and be usable without zoom.

As the explorer will span a long time, it would probably be best to limit the displayed data to one line set.

The config should provide the time range that should be displayed at once.

Panning should be done through click and drag on the glass.

It should be visible in screenshots and thus without interaction like the tooltip.

Ideally, this should use existing bar sets.

false | 'interval' | 'exact'

• false: Use min/max from axis configuration.
• interval: Round domain value to next interval.
• exact: higher/lower of min/max or domain value from data.

Best choice for the default value would be 'interval'.

This can be done outside the widget, but a chart widget should be able to do that.

Having the title and description in the graphic is also nice when exporting the image for download.

Most of that will probably have to be done when generating the datasets.

Currently:

• 1D line: "static"
• 1D range: "area"
• 2D area: "polygon"

But:

• "polygon" should be "area" to be more aligned with D3's naming.
• "static" applies to the line as much as it does to the range.

Property names

• x
• open
• close
• min
• max

Long, straight lines don't start and end on the same pixel when they are transformed (SVG).

Without "crisp" rendering this leads to blurry lines with the rendering change a step can be seen somewhere along the line.

I currently don't see how I have any chance to solve this problem.

• Highcharts predefined symbols
• D3 symbols

{
  type: 'plot',
  values: [{ x, y, weight }]
}

weight is the third dimension that determines the size of the point/bubble. To draw the correct size the weights need to be converted to values from zero to one. But, if the absolute values should be displayed in the chart (i.e. in the tooltip) the conversion needs to be done in the draw function.