Please don't bid without reading. Else I'll report you.
Build a React dashboard that will display some charts on one page and a data grid on another page. I want to use Highcharts as the charting library and ag-grid as the grid, and customize the look and feel for those. I also wanted the look and feel to be based on Elastic UI (https://elastic.github.io/eui/#/) and wanted to structure the project using their approach of having named variables for CSS elements etc so that it is very easy to keep changing any style parameters.Both Highcharts and ag-grid have their own CSS for styling. I will need to integrate them with Elastic UI and override the fonts/colors etc with eui variables so that everything is a consistent look and feel? There is no need for backend functionality at this point - want to get the look right first.Some details that might help: eui defines their styling variables here: https://github.com/elastic/eui/tree/master/src/global_styling/variablesHighcharts has some docs on how to override the default theme: https://www.highcharts.com/docs/chart-design-and-style/custom-themes-in-styled-mode and https://github.com/highcharts/highcharts/blob/master/css/highcharts.scss
Copyright © 2020 | Truelancer.com