Questions tagged [zingchart]

ZingChart is a commercial JavaScript charting library with a feature-rich API set used to build interactive charts.

ZingChart is known for:

  • Flexibility
    Design your own chart themes or use ours, across a wealth of chart types and features.

  • Multiple Renders
    Our charting library renders in HTML5 (canvas), SVG, and Image.

  • Speed
    Built by JavaScript experts, our modular library is feature-rich, yet lean and innovative.

  • Support of Live Data
    Need real time? No problem! Push and pull your data through our web sockets.

ZingChart offers the flexibility and resources to create stunning visualizations. We offer over 100 chart types to fit your data. Our unique features like zooming and interactive legends help your users get interactive. And our CSS-like styling allows you to creatively customize your charts.

254 questions
6
votes
1 answer

Only can load one Zingchart

i have a problem that i can only load 1 zingchart in my web even though i have codes for 2 charts. The code will just generate the latest chart, in this case, the pie chart and ignore the bar chart. Below are my codes
6
votes
1 answer

Customize x-axis on ZingChart

I'd like to draw a graph similar to this one using ZingChart: The best I could do until now was this: Souce: { "graphset": [{ "type": "line", "series": [ { "values":[[1,218.2], [2,121.7], [4,62.27], [8,34.37],…
luisgabriel
  • 2,483
  • 1
  • 15
  • 10
6
votes
1 answer

Drawing Shapes as values on ZingChart

I have a requirement where my data values are two-dimensional objects I must draw in the chart (scatter): On this chart, I have two values (red, and green), each one consisting of a rectangle with (x1,y1)-(x2-y2) coordinates. Do you know how this…
user1275011
  • 1,552
  • 1
  • 16
  • 36
5
votes
2 answers

Value box backgrounds disappeared

I have a mixed chart with value boxes with top-out placement. On all except the first value, the background color has disappeared from the value box. This was previously working fine in that the white background showed up behind all value boxes,…
Shayna Symons
  • 451
  • 3
  • 7
5
votes
1 answer

How to create this chart with ZingChart

I am trying to create a chart that looks/functions like this with ZingChart. I have tweaked a bar chart every way I can think of but I'm still not coming close. Is this chart possible with ZingChart?
Shayna Symons
  • 451
  • 3
  • 7
5
votes
1 answer

How to unrender/detach/remove ZingChart library from specific div?

I used below code to render zingchart which works fine. zingchart.render({ id : 'myChart', data : myConfig, height: 400, width: "100%" }); Now in some occasion I want to un render or detach it. I Mean when I click on some…
Imran Qamer
  • 2,253
  • 3
  • 29
  • 52
5
votes
1 answer

How to shift labels in graph so that they appear on bottom of bars in bar graph?

var chartByProduct = { "type":"hbar", "title": { "text": "TOP & BOTTOM 5 PRODUCTS BY CM", "text-align": "center", …
5
votes
2 answers

Is it possible to display values in Indian System in ZingChart?

Displaying values in lakhs, crores instead of millions. function formatIndianSuffix(num) { var x = parseInt(num).toString(); var len = x.length; var formattedNum = ""; if (len <= 3) { formattedNum = '₹' + Math.floor(x); }…
5
votes
1 answer

ZingChart X-axis labels showing as numbers instead of strings

I am using the ZingChart library to graph results from an API call. When I pass in a normal array for the "values" field of the chart data object, everything works fine. However, when I pass in an array made from Object.keys(titleSet) (where…
pomtree
  • 148
  • 2
  • 10
5
votes
1 answer

Graphing tools - Angular2

I am relatively new to web applications and hence am just beginning to use Angular2 (have NOT used angularJS) and Typescript. I am trying to use Zingchart to plot a graph. I went through the 5 min quick start as well as the tutorial in the angular2…
Vysh
  • 718
  • 1
  • 7
  • 20
5
votes
1 answer

ZingChart single series bar chart group labels

So I've been asked to add an additional layer of labels to a bar chart built with ZingChart. We essentially have a single series column chart that plots ratings for criteria, within sub categories, for a specific category. Currently sub categories…
thorne51
  • 588
  • 7
  • 23
5
votes
1 answer

Invoke callback function after zingChart.render()

I am rendering scatter plot using ZingChart.render() method. It is working fine and giving me the expected result. I want to execute some code after graph rendering is completed. Since the JS code gets executed in an asynchronous manner, the code…
Ajay
  • 4,773
  • 3
  • 23
  • 36
5
votes
1 answer

Zingchart last element keeps changing color and not matching with legend

My zingchart's last element's color does not match with legend, and keeps on changing unlike the others. Any Ideas? Everything else works good. Though I'm parsing this data through MySQL database, this is how the JavaScript looks like. My code: …
Om Agarwal
  • 69
  • 4
5
votes
1 answer

Zingchart doesn't plot correctly a CSV with more than 10 columns

Scenario: I need to plot data in Zingchart from a CSV that will have a fixed number of columns (37). This CSV has a header that will define the legend of the graph. Problem: If the number of elements I define in the header is less than 10 (including…
LaintalAy
  • 1,162
  • 2
  • 15
  • 26
5
votes
2 answers

I want to change the chart for each city or subcity selected

I developed a simple application with AngularJS and I want to add a simple chart based on this website Js Charts This is my data.json: [ { "name": "city A", "elements": [ { "id": "c01", …
Abderrahim
  • 651
  • 2
  • 11
  • 25
1
2
3
16 17