brumik / react-data-explorer

About Me

I like programming and this page is in WIP (:

The blog is also just started:

https://brumik.github.io

react-data-explorer's Issues

Chart Builder: Interactive legend hover

I could not make it work yet but this is how it should work:

• the event props on the wrapper should have: chartNames
• the LegendComponent should have childName for the corresponding data set (one from chartNames)
• The createChart component should have name prop
• All of these seems to be set correctly, the legend from the API is updated with a childName prop, in addition when getting data from the API each series has a unique name string assigned to it, ensuring that the props will remain unique, and providing the same name for the different components in a uniform way.

Chart Builder: API - POST / GET params

Right now all the params are passed as a post when fetching the API. We should generalize this and be able to:

• (low priority) Create GET or POST request
• (high priority) Be able to specify attributes in the POST request which belongs to the URL (pagination)

Chart Builder: Interactive legend for single series

Interactive legend for multiple charts from one series

• Eg.: line chart where we have one series and we are using two different attributes for each line
• I think maybe we should sacrifice memory and just duplicate the data as if it were two series, so basically we will have a data set for each chart we are displaying, no matter if the data is duplicated --> this is not feasible from the received data
• It could be derived from the attributes field from the API
• This would mean that we create series like the following: if we have `attributes: [ 'a', 'b' ] then we duplicate the series we get in a way that one will contain everything without 'a' and the other will contain everything without 'b'

Chart Builder: Schema for Axis

The y-axis and the x-axis on the wrapper right now do not support all the options that are supported by Victory charts. The solution would be to extend the props of the VictoryCharts or maybe uniformize it and have few options specific for the chart builder and have a props field like in the other components which would be the exact same as the VictoryAxis props and would pass to the axis.

Eg.:

interface ChartAxisProps {
    /* chart builder specific fields */,
    props: VictoryAxisProps
}

Chart Builder: Domain padding at stacked bar chart

When using stacked bar chart automatically apply domain padding.

Chart Builder: (feature) vertical legend/progress chart

Chart Builder: API - authentication

In AAA we use before every request the getUser() async function to refresh the token. We should be able to do it in the chart builder too

Chart Builder: Stacked chart y-axis

When stacking the charts the Y-axis is not recalculated and this causes some weird chart layout where a bar heigh for huge values still can be the same as a bar height for small values.

Prepare chart builder for live data charting

Updating interactive legend when new PF is released

FYI, there's now an example showing how to create an interactive legend with a pie chart here:
http://patternfly-react.surge.sh/charts/legend-chart#interactive-legend-with-pie-chart

Note that we had to make a couple of small tweaks to support pie charts, which will be available in the next PatternFly release.

Please keep in mind that the next PF release is in two weeks