Stack Overflow
Stack Overflow

Questions tagged [zoomcharts]

ZoomCharts is JavaScript chart and graph library utilising HTML5 features to bring highly interactive charts and graphs to web applications.

ZoomCharts is a fresh visualization library, started in 2013, backed by VC funding. Aim is to deliver stunning charts and graphs to web applications with full multitouch and retina support, utilising what HTML5 offers and focusing on cross device/platform compatibility.

Before asking question, make sure to review the extensive documentation on ZoomCharts.

Use this tag to ask questions about integrating this library into different environments, challenging styling requirements, advanced binding with other js components, and other questions that are related to development with ZoomCharts. Also, use this tag to ask questions about integration with different backends. However, as ZoomCharts covers UI part and works with JSON data, backend related questions should have proper DB tag attached.

47 questions
4
votes
0 answers

Testing components using jest that includes canvas

I'm trying to test zoomcharts component in my react app with Enzyme and jest. There is a reference error relevant to canvas. Here is my test case: import Chart from './Shared/Chart'; import { shallow } from 'enzyme'; describe('test 1',()=>{ …
HesamSe
  • 195
  • 1
  • 2
  • 11
2
votes
1 answer

Best chart to use to display percentage breakdown with ZoomCharts

I am trying to visualise "investment value" over "APR" and my data looks like this: 7.4: 2000 7.4: 300 7.9: 1000 8.0: 15000 8.0: 730 8.3: 700 Each line here represents a borrower, who offered to loan certain amount (on the right) at a certain APR…
romaninsh
  • 10,606
  • 4
  • 50
  • 70
2
votes
2 answers

Exporting nodes and links from zoomcharts

I'm exporting the nodes and links to a json object like this, in order to write it to disk later. This is the data as I load it: { "nodes": [ { "id": "a1", "type": "activity", "loaded": true, "style": {"label":…
Graphileon
  • 5,275
  • 3
  • 17
  • 31
1
vote
1 answer

NetChart does not automatically rearrange nodes when using addData

When we load our netchart, it displays a network where the user can then double-click on a node to expand the network further. The original layout is fine - the chart fits the container perfectly (see netchart-original.png). When the user…
Andy King
  • 23
  • 6
1
vote
2 answers

Zoomcharts with preloaded data

I am trying to use TimeChart with preloaded data, but I can't find a good example. data = {'preloaded':{ 'unit':'s', 'values':{'id':3,'name':'slice1','value':20} }} However I'm getting error: "Required field 'unit' not set in data" Can you…
romaninsh
  • 10,606
  • 4
  • 50
  • 70
1
vote
2 answers

How to change direction of existing link in zoomcharts

I'm trying to do it like this function btnChangeDirClick(){ var fromNode = document.getElementById("linkMenuLinkFrom").value; var toNode = document.getElementById("linkMenuLinkTo").value; chart.addData({ …
Graphileon
  • 5,275
  • 3
  • 17
  • 31
1
vote
1 answer

autoZoom in zoomcharts (netchart 1.6.0) does not prevent nodes moving out of view

Although autozoom is on, nodes keep moving out of view. Automatic zoom to keep all nodes in view does not happen. My console shows this: interaction: Object panning: Object resizing: Object selection: Object zooming: Object autoZoom:…
Graphileon
  • 5,275
  • 3
  • 17
  • 31
1
vote
1 answer

detecting altKey on MacOS in zoomchart

I'm implementing functionality to create a link between two nodes on Shift+Alt+Click. Like this function graphSelectionChange(event){ var selection = event.selection; if (selection.length === 2 && event.altKey){ var fromitem=selection[0]; …
Graphileon
  • 5,275
  • 3
  • 17
  • 31
1
vote
1 answer

Zoomcharts export as image

I'm trying to export an zoomcharts network to an image. From https://zoomcharts.com/developers/en/net-chart/chart-basics/export/ I understood that this is the minimal code: function exportImg(){ chart.saveAsImage("png"); } Does the default…
Graphileon
  • 5,275
  • 3
  • 17
  • 31
0
votes
1 answer

change color of line zoomcharts

In this link there is an example of pie chart created by Zoomcharts. To change the color of label outside of the slice I can use styleFunction to modify slice option. styleFunction: function (slice, data) { slice.label.textStyle.fillColor =…
rahram
  • 560
  • 1
  • 7
  • 21
0
votes
1 answer

Center node in zoomchart net chart

By default when you double click on a node in zoomchart net chart, it moves to the center of the radial graph. How to manually set any node to the center?
iPhoneJavaDev
  • 821
  • 5
  • 33
  • 78
0
votes
1 answer

how to add animate.css class in zoomchart?

{ id: "Japan", coordinates: [139.6503, 37.6762], image: './icons/Location-icon.png' }, How to add animate.css class, I try to animate icon.png file. is it possible?
Makan Lah
  • 3
  • 2
0
votes
1 answer

NetChart replaceData() displays blank. How to replace data dynamically?

I followed the example in zoomcharts documentation on how to replace data on NetChart. When I call replaceData() on the chart instance, nothing happened, nothing is displayed, no error shown. But when I set the data as preloaded (as per below), the…
iPhoneJavaDev
  • 821
  • 5
  • 33
  • 78
0
votes
1 answer

zoomcharts "zoomcharts.d.ts is not a module " Error

I am using the zoomcharts in my application , the code was executing perfectly before the npm install . After executing the npm install command the angular application is throwing error. ERROR in ./src/app/app-routing.module.ts 60:28 Module parse…
Santhosh
  • 810
  • 2
  • 10
  • 28
0
votes
1 answer

Zoomcharts's pie does not drill down to other levels on leaflet popup

I am writing a simple app containing a leaflet map, a marker and a pie chart on marker popup. If I put the pie chart inside the popup It shows the pie chart but When I click on pie slices it is not going to sub-values, The code works when I put the…
rahram
  • 560
  • 1
  • 7
  • 21
1
2 3 4