Questions tagged [zingchart]
ZingChart is a commercial JavaScript charting library with a feature-rich API set used to build interactive charts.
254
questions
0
votes
0
answers
35
views
Zingchart doesn't get rendered. (Angular 16)
I am trying to get a chart shown but the page stays clear.
Did so far:
npm i zingchart --save
npm i zingchart-angular --legacy-peer-deps
app.component.html:
<!DOCTYPE html>
<html>
<head&...
1
vote
1
answer
46
views
Zingchart single curve, double y-axis on left and right
I'm using zingchart do draw a line. I would like to have a line chart with two y-axix with same values (like duplicated axis) one on left side and one on right side, to make a easy graph read.
I'm ...
0
votes
1
answer
38
views
How do I dynamically adjust the tooltip box of a zingchart legend to be wrapped around the text?
In the following chart, I modified the name of the Test n5. I want to have a text box that can wrap the text by doing a line break. Right now with the current code the box has the right maximal width ...
0
votes
1
answer
48
views
Zingchart | Half donut chart
Any ideas for hiding the unused half in the 180º pie charts? As you can see in the image I attached, it still uses the same height as a 360° pizza chart.
enter image description here
I have been using ...
1
vote
1
answer
108
views
Zing Chart X-axis are Labels are out of bound
I am creating a graph using zing Chart. when I populate time in chart x-axis; times goes out of boundary of x-axis as you can show in image. I have tried adding padding and margin to div. I have also ...
0
votes
1
answer
119
views
Zing Chart waiting logo when loading Graph
I am plotting around 1 million points on zing Chart and they are able to load data perfectly. Only issue I face is when I reload chart or apply zoom in or zoom out charts get stuck for around 5 to 6 ...
3
votes
2
answers
188
views
zing chart are not being render in Canvas
I am trying to plot some heavy data on zing Chart. Zing charts are normally plot inside a div but for my case my page became leggy after loading 200k points inside zing chart div-tag. In the doc it ...
1
vote
2
answers
116
views
zing Charts is making web page slow and laggy
I am currently trying to plot around 200k data (Time and Frequency) on zing Chart. it does load the chart successfully but page gets very heavy and it lags a lot. Here is my code please guide me have ...
0
votes
1
answer
71
views
how to handle overlapping points in zingchart js
if I have the same point for two plots in a line chart of zingchart js when I hover on that point I got only a single plot value other is getting hidden
behind one
2
votes
1
answer
82
views
AngularJS Graphs & Charts - Mix of solid & dotted
I've been working with ZingChart & AngularJS to print some graphs & charts.
I've searching for graph that it solid in the end is dotted, something like:
There is a way to do so? maybe with ...
0
votes
1
answer
106
views
ZingChartMaps ZC is not defined
I am testing ZingCharts for Angular with a small local project. I am having trouble with getting the ZingChartMap to work. All other ZingCharts work as expected. Currently, I am working with ...
0
votes
1
answer
80
views
ZingChart nested pie: customising chart
How can I get a nested ZingChart pie chart to (a) start at 12 o'clock, and (b) have different colours for the rings?
I've tried using the plot.styles array for the colours, and the refAngle for the ...
-1
votes
2
answers
234
views
Conditional rounded corners on stacked bar chart
I have a chart with stacked bars A and B
A is on top of B and A have top corners rounded but not B.
But I want B having rounded top corners when A = 0
0
votes
1
answer
98
views
Zingchart-gaugechart display first and last section only
I using ZingChart to do gauge chart. The chart only display first and last section only. Two section missing in between. I have 5 values, but I want to display for 4 value only. So, I created 4 rules ...
0
votes
1
answer
69
views
Python, Zingchart
def algorithm():
model = {
'crit_value': 1.5,
'max_value': 2,
'org_values': [-0.9, -1.85, 1, -1.9, 0.75, 0.5, 3, -2, 1.3, -1.5, -0.9, 1.7],
'limited_values': []
...
0
votes
1
answer
171
views
Custom tooltip in zing charts tree diagram to visualize values rather than %node-value,
Is there any way to implement a custom tooltip to visualize my values attached to the particular node? For example
{id:"1",name:"Socialmedia",gbw:123,mbw:365,parent:"0",...
-1
votes
1
answer
62
views
How to show reverse y axis of Zingchart in python?
I am trying to implement Zingchart in Python and I want to show y axis in reverse order from top to bottom like -10, 0, 10,20.....120, and also trying to hide alternative line on x axis and show fixed ...
1
vote
1
answer
76
views
Why does docker-compose up say it can't find dependencies for zingchart and multiselect?
I would highly appreciate if someone had a solution for this, as I've been scratching my head with it for weeks..
So here's the problem : I have a Vue-Application which uses ZingChart-Vue and Vue-...
0
votes
1
answer
64
views
Changing csv url in zingchart
I have a page that clients can upload their csv files, save it to the server, then ajax will pass the location of the csv.
Question is I can't find a way for zingchart to reload with a new csv url, ...
0
votes
1
answer
47
views
Only show the most recently received n datapoints with ZingChart without ever resetting
I am trying to write a real-time data display for scientific data. I have a sever that is logging the data to a file so I don't care about keeping values past a window of about 15 minutes. I have not ...
1
vote
1
answer
71
views
Zingchart call getimagedata api via java
I try to export zingchart image to get it in base64 object in java.
I want to use the getimageapi like this in js :
function exportImgChart(idChart) {
zingchart.exec('idChart', 'getimagedata', {
...
0
votes
2
answers
324
views
How to configure ZingChart width and height?
I'm trying to use ZingChart. Trying to build gauge widget. Question is for those who worked with zingChart. How to configure width and height of space around chart. So here is what i'm saying about:
...
0
votes
0
answers
43
views
Zingchart not pulling data from MariaDB
I am trying to build some ZingCharts with weatherdata from a homemade weatherstation. Currently I am using Google Charts, but would rather use Zing as it seems a whole lot easier to work with. Except, ...
0
votes
1
answer
133
views
Remove space on bar ZingChart
I'm making a chart here and I have a little problem with removing the distance between the boxes
var myConfig = {
type: 'bar',
legend: {
layout: "x4",
...
1
vote
0
answers
111
views
Percentage of Each Stack over All Stacks
Is there a token that shows the percentage of each stack in relation to the whole chart? In the Chart below, I am using %pper, but it is giving me the top node over the node total for the chart. %...
0
votes
1
answer
53
views
Is it possible to build round bar chart with Zingchart?
Is it possible to build a round bar chart or radial bar chart with zingchart. Something like this.
Apexchart
0
votes
1
answer
55
views
How to give one object from an array of objects to zingchart?
Consider I have an array of objects with the following structure
var dummyArray = [
{diff: "0.000", totalLength: 3},
{diff: "0.001", totalLength: 3},
{diff: "0.002", totalLength: 4},
{diff: "0.003", ...
2
votes
0
answers
75
views
How to use my own internal JSON data with Zingchart?
My problems here is that they are loading the data from an external resource which return JSON, instead of this I want to know how can we give our own internal JSON data which is there in a variable ...
0
votes
1
answer
447
views
Chart not updating on state change
I'm using ZingChart to visually represent data, but it seems that the chart is not updating when state changes.
My chart config is very simple:
//in constructor()
const { data } = props;
this....
0
votes
1
answer
117
views
zingchart heatmap not show all hours on y axes
I have 24 hours format values on y axis.I want to display all 24 hours on y-axis.But in heatmap using zingchart display hour in gap of 3 as shown in image.
So,what is the setting required to display ...
0
votes
1
answer
243
views
ZingChart X-axis labels do not evenly space
I am trying to get the X-axis (time) scaling to be consistently even. Depending on the range I input to the graph (could be 1 hour, could be 11 hours), the spacing will not stay consistent. As in ...
0
votes
1
answer
335
views
How to use zingchart maps modules in Vue.js?
I am searching in the documentation but i not find any examples for using the maps modules with zingchart-vue
Really I am using Nuxt, but i supose that its same...
1
vote
1
answer
99
views
ZingChart-react with the selection-tool module
I am able to render a ZingChart chart inside a React Component, but not sure how to do it with the selection-tool module.
The documentation on ZingChart website (https://www.zingchart.com/docs/...
2
votes
2
answers
1k
views
ZingChart Not Rendering In GrapesJs Custom Component Type
I'm attempting to integrate ZingChart as a custom component type in GrapesJs. I've followed some examples and have implemented the following plugin.
blocks.js
import { lineChartRef, chartType } from ...
0
votes
1
answer
116
views
ZingChart Scale-Y Marker, Can it be drawn on top?
When adding a scale marker to a ZingChart plot, by default the marker is drawn beneath the other plotted data, which isn't always so easy to see (e.g., a line marker beneath a series of bars).
var ...
0
votes
1
answer
141
views
Control tooltips and node color in ZingChart tree module
I'm trying to control tooltip text and node color in a diagram using the tree module in ZingCharts. I want to use a rule to change the node color for a given value and have the tooltip display that ...
0
votes
1
answer
52
views
Zingchart problem with dates not in 24H on export
I have a problem with zingChart and export.
on the axis-x, i have dates with hours in 24H. it's ok. But when I download csv or excel, I have the dates on 12H.
Here is an example :
here my ...
0
votes
1
answer
33
views
Is there a way to have a x-axis "independent" from x-values for a hboxplot in Zingchart?
I have a selection of weathersensors from which I want to display temperature boxplots. All sensors(weatherstations) are located at various altitudes.
Is there a way to have the x-axis display steps ...
0
votes
1
answer
81
views
The Y-axis is inconsistent in zingchart
I have a data of voltages from last one month. The zingchart grapht y-axis is inconsistent. What might be the issue?
Chart image
1
vote
2
answers
543
views
ZingChart Y Axis Label Formatting
Is it possible in ZingChart to add a secondary y scale that uses the same values as the primary y scale, but just uses a simple conversion (e.g., anomaly degrees Celsius*1.8 = anomaly degrees ...
0
votes
1
answer
229
views
Zingchart real time data feed
I have this Zingchart(gauge type) which displays random numbers from 1 to 100 using JS. I need to achieve the same via PHP. How can I do this? What are the necessary changes that needs to be done?
...
0
votes
1
answer
402
views
How to use my own external data with Zingchart?
I am designing a website using wix but also some embedded JavaScript and HTML to learn those languages. I am using this tutorial
https://www.zingchart.com/docs/tutorials/loading-data/using-json-data
...
0
votes
1
answer
132
views
Zingchar - using rules with scatter chart
I am using zingchart's scatter chart to visualize my datas. I want to change color of some datas with value greater than for example 60. Is it possible? Here is my code, but it doesn't work:
var ...
0
votes
0
answers
241
views
Angular 8 How to use zingchart? And set values and some others settings?
I created a radar by following an example:
radarZing.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="radarZing.css">
<title>Radar ...
1
vote
0
answers
274
views
How to use ZingCharts utility with my existing code in ColdFusion 11?
I recently migrated my application from ColdFusion 10 to ColdFusion 11. Though the migration was successful, the charts have been destroyed.
Up until ColdFusion 10 there was a WebCharts JAR file, ...
0
votes
1
answer
51
views
How to get animated charts in a fluid like manner with zingchart?
I am trying to display the charts using Angularjs tags and its working properly but the animation is not working for me and if there is any way to make the animation in a continuse manner.
Any ...
0
votes
1
answer
112
views
Line Chart Hide All Series By Default
I'm using zingchart line chart and I have more than 20 series. When the chart loads it show all series and when i click on one of them it hides.
How can i make all series hide on load by default and ...
0
votes
1
answer
242
views
Cannot set property 'values' of undefined
I'm using zingchart gauges in my code. My problem is that I can't change the gauge value dynamically.
I'm getting this error:
Cannot set property 'values' of undefined
I'm using flask API. How ...
1
vote
0
answers
147
views
How to adjust distance of pie chart value boxes?
Update: Looks like the default value box distance I am seeing is specific to ColdFusion 2016's version of zingcharts as the chart lays out differently when I try to replicate the issue in the latest ...
1
vote
1
answer
76
views
How to place shape name by arbitrary x and y coordinates in Zingchart map
guys!
I am using Zingchart map on my website. I have a problem with placing a region name. How can I place a region name by arbitrary x and y coordinates?
zingchart.loadModules('maps, maps-uzb', ...