zingchart

Fine tuning hash to dynamically create ZingCharts treemap array

末鹿安然 提交于 2020-01-05 04:04:20
问题 First : Thanks for reading, but there is a lot in this, it may be easier to see it in the CodePen examples that are linked at the bottom. I recently asked a question about how to dynamically create an array for a treemap, and was pointed in the right direction. I have been able to do some simple manipulation to the hash table, but can't figure out how to do the final step. Currently the treemap has 2 "levels", that was done like this: var data=[{color:"blue",party:"Democratic",text:

Multiplot and change line color depending on column value in Zingchart

老子叫甜甜 提交于 2019-12-24 00:56:05
问题 Background information: I want to port a gnuplot graph to Zingchart. I include the gnuplot source to better explain my objective: reset set autoscale set term canvas rounded solid butt size 1000,600 enhanced fsize 10 mousing lw 1 fontscale 1 jsdir "/home/eballes/Work/js" set output 'html/data.html' set grid set yr [0:39] set title 'State' set xdata time set xlabel "Time" set ylabel "Element ID" set timefmt "%s" set format x "%d %H:%M" set pointsize .25 set palette model RGB maxcolors 7 set

How to Dynamically Set Zingchart Attribute within Angular ng-Repeat

こ雲淡風輕ζ 提交于 2019-12-24 00:25:25
问题 Using AngularJS, I'm trying to build a page which features a different dynamically generated Zingchart for each object in an array. My problem is that -- as the data and variable names are dynamically generated in my controller on page load -- I'm not sure how to properly reference them within the Zingchart directives. In my controller, here is how the variables are dynamically generated: function getWeeklyNflLines(){ oddsService.getWeeklyNflLines($stateParams.weekNumb).then(function(games){

Date-time axis working as string, not as proper continuous date/time axis in Zing Chart

一世执手 提交于 2019-12-23 14:56:43
问题 I am plotting date-time vs integer in ZingChart. Even if there is difference of one second or the difference of 1 hour, the width is same between the two points. If the starting time is same as the previous one, like in my attached image at 23:24:40, there should not a white gap in between if it is proper date and time axis. Is there any solution to this problem? You can also view it on alnnovative.com/zing6.php 回答1: ZingChart will automatically place values at each index, unless you use key,

Date-time axis working as string, not as proper continuous date/time axis in Zing Chart

柔情痞子 提交于 2019-12-23 14:56:24
问题 I am plotting date-time vs integer in ZingChart. Even if there is difference of one second or the difference of 1 hour, the width is same between the two points. If the starting time is same as the previous one, like in my attached image at 23:24:40, there should not a white gap in between if it is proper date and time axis. Is there any solution to this problem? You can also view it on alnnovative.com/zing6.php 回答1: ZingChart will automatically place values at each index, unless you use key,

Zing Feed get data from rest api

旧街凉风 提交于 2019-12-23 12:09:46
问题 I am getting a json data from rest api and i want to use it as input to ZingFeed. <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Insert title here</title> <script src='http://cdn.zingchart.com/zingchart.min.js'></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </head> <body> <script> function getNewData() { $.ajax({ type: "GET", dataType: "json", headers: { Accept:"application/json", "Access-Control-Allow-Origin": "*" }, url:

angular2 chart and events

不羁的心 提交于 2019-12-12 19:38:55
问题 I am using zingchart in my angular2 application and came a cross this problem. My data for the chart have changed i need to rerender the chart and I just don't know how to do that? this is the plunkr that the zing chart team provided with my button of rerender. I don't know how to rerender the chart. https://plnkr.co/edit/OjqvVPiyKBUJbKgcLi6A?p=preview import {bootstrap} from 'angular2/platform/browser'; import {Component, NgZone, AfterView, OnDestroy} from 'angular2/core' class Chart { id:

How do I implement zingchart into angular2

≡放荡痞女 提交于 2019-12-12 13:55:26
问题 I have an existing project that I want to implement zingcharts on. I have tried 3 different tutorials mainly from " https://blog.zingchart.com/2016/07/19/zingchart-and-angular-2-charts-back-at-it-again/ "blog. However I can not get that working in my project. So I decided I will try and implement it the most basic way first and later on try better ways. This is what I did but it does not shop up yet. Being new to angular2 I am not quite sure if this will work. I went to the ZingChart website

Can I render multiple charts by single renderfunction call in ZingChart?

被刻印的时光 ゝ 提交于 2019-12-12 12:12:24
问题 I visited ZingChart's documentation and came to know the methods of rendering multiple charts by calling multiple render functions like this. zingchart.render({ id:'chartDiv1', data:myChart1, height:300, width:500 }); zingchart.render({ id:'chartDiv2', data:myChart2, height:300, width:500 }); zingchart.render({ id:'chartDiv3', data:myChart3, height:300, width:500 }); zingchart.render({ id:'dashboardDiv', data:myDashboard, height:500, width:700 }); But in my code I want to write less code

Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response

让人想犯罪 __ 提交于 2019-12-12 10:53:58
问题 I get the following error in when I try to load a my webpage: Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response. I have looked at other answers that respond to this issue and they indicate lack of CORS support. The confusing thing is that I have cors support! At least I think I do. I am trying to connect Zingchart to my Angular JS front end and using an AJAX request to get data from my REST API (at localhost:3000) Here is my