CODEWITHSUNDEEP
javascripthtmlsvgcanvascharts
Kishor
Kishor

Reputation: 2677

JavaScript canvas charting library for line chart with specific features

I am trying to create a HTML5 canvas (can also be SVG or vector based) line chart with following requirements. 

-------------------------------------------------------
texture1 10% width, texture2 90% width
-------------------------------------------------------
texture1 20% width, texture2 80% width
-------------------------------------------------------
..
.. and so on
-------------------------------------------------------

-------------------------------------------------------
color1 20% color2 10% color3 40% color4 30%
-------------------------------------------------------
color1 20% color2 30% color3 30% color4 20%
-------------------------------------------------------
..
.. and so on
-------------------------------------------------------

Is there any javascript library that can do all of them? If not, are there any libraries that can so each of them individually. If no open-source solutions are available, please suggest good paid libraries.

I am using flot charts at present, which have all the features that I want except the first and third points mentioned above.

Upvotes: 1

Views: 292

Answers (1)

Jailbot
Jailbot

Reputation: 2608

No reason to do anything from scratch! Gradients are a standard feature in the ZingChart charting library and you can easily do range based fill with rules.

As for the texture layers, do you mind clarifying? Could you provide an example of what you're trying to accomplish?

Disclaimer: I'm on the ZingChart team, here to answer any questions about implementation you might have.

Upvotes: 4

Related Questions