BlueWaveTechnologies / BlueWave

Web application used to create charts and dashboards using a graph database
MIT License
5 stars 3 forks source link

Canvas: Bar Chart Editor (MVP-style) #46

Closed smurff closed 3 years ago

smurff commented 3 years ago

Edit functions can be accessed by clicking on main body of graph, or on the Edit function.

Screen Shot 2021-05-11 at 1 07 58 PM

The bar chart editor could overlap on the right-hand side of the chart, while taking as much space as it needs. (which is fixed)

image

Note that there may not be X-Axis gridlines for a Vertical Bar Chart. Consider hiding or disabling the checkbox entirely, instead of allowing the User to do nothing. This saves us from having to alter the UI, depending on whether the User selected Horizontal or Vertical Bar Chart.

Screen Shot 2021-05-11 at 1 15 19 PM

User clicks on "Display Legend". If there are multiple datasets, display them sequentially to mirror left-to-right bar data displayed in the graph. Each dataset should match bar colors and name in the graph. For MVP, choose one position (above or below bar chart - requires eyeing size / positioning for judgement call).

Screen Shot 2021-05-11 at 1 18 20 PM

If the Chart Type is Horizontal, the known variable goes to the y-axis (vertical axis), and the unknown variable goes to the x-axis( horizontal axis).

image