web component
$30-250 USD
Paid on delivery
we need someone to develop this component
Bar chart component.
This component needs to be created with Angular 6, html, CSS or SASS and typescript, no external libraries. Doesn’t need to be an NPM package, the below image is a representation on how it should look. The next section of this document will explain how needs to work, and how is needed to receive the data to show.
Component breakdown.
The following image shows the principal data structures that the component needs to receive. After the image, it’s described how the component needs to work.
• Categories
o Each category contains a name, a color, a minimum value and a maximum value, these values can contain decimal (up to four digits after the decimal point).
o It doesn’t matter the range value of the categories, these will display the same height percentage in relation to the height of the component (the height and width of the component should be 100% of the parent element).
3 categories – 33.3% height of the total height of the component
5 categories – 20% height of the total height of the component.
o The categories may change, so they need to be provided to the component via input parameter.
• Data
o Each data item contains a date and a value.
o The data need to be provided to the component via input parameter.
o The value property of each data item is inside the range of one category min and max values.
o Ideally the component only will display 5 data items, but, if the input parameter contains more than 5 elements the component will maintain the same width but show the exceeding data items through a horizontal scroll bar.
o The bar that display the data doesn’t need to be exact, just need to display an approximated relation between the category range and the data item value.
Example: In the image, the data item inside the green mark, the category for “Intermediate Risk” could have a range of 1 – 2.4, the data item value could be 1.7, this doesn’t mean that the bar is needed exactly at half of the category, it can be a little low or high, just need to be representative to the eye.
Project ID: #18444602
About the project
Awarded to:
Hello. How are you? I read your project description very carefully. I am interested in your project because I am a senior developer of angular. Recently I developed admin dashboard site with angular 7. https://io More
36 freelancers are bidding on average $227 for this job
Hi there, I've gone through the post description and attachment. i've understood my work in this job. please come over the chat for further discussion. Thanks Seema-P
We have some questions to clarify,please reply us so we could discuss the project in details.
Hi, We would like to Design and Build your online store / personal website / simple website / Management CRM application, We would like to provide you Website Design and then you select it and then if changes need we c More
I am an Experienced Web Designer with more than 3 years of experience in Bootstrap. High Precision and Cross-Browser Compatible. What you will receive: Full HTML5 & CSS3 Semantic MarkUp Cross-Browser Compati More
Hello ! I would like to know more about your requirement, Chat me and lets talk about, Hope to talk to you. Regards, Diego !
I have good knowledge of ionic1-4, cordova, angular 1-6, mongodb, mysql and nodejs. I am working as mean stack developer from last 3+ years. I also know HTML5 and CSS3 very well, so I can do HTML design also. I have More
We are Website Developer and Designing expert . Now, This service of us includes the following: + Setting-up of up to 5-10 pages with your desired content and images. + Adding Website's Name + Uploading Log More