A HTML page with 5 clickable graphs (can use ChartJS or similar library if needed) - Please see attached image

完了済み 投稿 4年前 着払い
完了済み 着払い

A HTML page which has five images of clickable graphs.

When an image is clicked on, a responsive modal opens up, covering 100% height and 100% width of the page.

The modal should open up to display an enlarged version of the graph that was clicked on.

Please see the attachment for an example of how this should look.

This graph should take up roughly 80% screen width (or 90% screen width on mobile devices) but have a max-width of 1200px, and the screen behind the modal should turn grey or fade out a little.

The graph should have a Title above it (the title should change depending on which image was clicked).

It should also have an X-axis containing Months (Jan '19, Feb '19, Mar '19 etc).

The Y-axis should show either percentages, or numbers, depending on the dataset for that particular graph.

The legend/key should appear at the top of the graph (below the title).

On mouse-over or click of each datapoint on the graph, a small box should appear beside the datapoint to give more details on the datapoint. The text content of each datapoint box should be editable inside the source code.

In summary:

⦁ I would like to be able to hard-code the values for each graph in the page's source code.

⦁ I would like to be able to choose whether the Y-axis for each graph should show percentages, or numbers.

⦁ I would like to be be able to choose between graph type (line and bar chart).

⦁ Line graphs should be able to show a single-line graph, but also show a multiple-line graph if extra data is added in the source code.

⦁ Important: I would like to be able to set the text content of each box that appears on hover or click of each datapoint (as some datapoints will require a detailed description while others won't).

⦁ When the graph is viewed on mobile, I would like it's width to be 90% but its height and text should also change to look good on mobile.

I think you can use ChartJS ([login to view URL]), or a similar Javascript library to achieve this, but I'm open to other suggestions too.

Thank you.

CSS JavaScript HTML HTML5 jQuery/プロトタイプ

プロジェクトID: #20128418

プロジェクトについて

10個の提案 リモートプロジェクト アクティブ 4年前

アワード:

aftabyounas

ok got it ... i have checked your attachment ., an i am willing to do this job for you .. message e so we can discuss more .... thanks.

€25 EUR 1日以内
(242レビュー)
7.1

10人のフリーランサーが、平均€28 で、この仕事に入札しています。

HadiDar786

Hi, I have read your project description and willing to do this for you in your required time spam with 100% Satisfaction. Kindly message me so we can discuss in detail over chat......

€30 EUR 2日以内
(126件のレビュー)
6.5
MobileKing1225

Dear client I'm specialized in html page design with over 10 years experience. Read your description carefully and checked your attached shot for graph aspect. My main skills are HTML5, Bootstrap4, Jquery, CSS / S もっと

€19 EUR 7日以内
(15件のレビュー)
4.8
theukwebexpert

Hello there! My name is Chris, I'm a UK based and native English speaking web developer and app expert with 10 years experience building and maintaining complex web apps and websites. I've built and maintained applica もっと

€50 EUR 1日以内
(2件のレビュー)
4.2
kalana1

I'm a experienced developer and have an experience in chartjs and highcharts. I can do this as your requirement and my experience will help me to do better. If you're interested please contact me.

€19 EUR 5日以内
(0件のレビュー)
0.0