标签: zingchart
当我的样式表有标题时,ZingChart工具提示问题
我正在做一个概念验证,看看ZingCharts是否是我们Web应用程序中可行的解决方案.我正在尝试创建一个简单的堆积条形图.在我的示例中,一切正常,直到我为我的样式标记添加标题,title ="mystyle".我正在使用样式标记中的标题,因为它模拟了我们的完整应用程序中的情况,其中包含了许多以我们的自定义页面样式标题的css文件.
这是我的示例代码......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello ZingChart World</title>
<style title="mystyle">
.h1 {
margin: 0 0 1px 0;
padding: 5px 7px 7px 7px;
font-size: 11px;
font-weight: bold;
background-color: #ceceb5;
border-color:#ffffff #ffffff #998B74 #ffffff;
border-width:0px 0px 2px 0px;
border-style:solid solid ridge solid;
}
table.fullTable {
width: 100%;
}
td.jsChartSection {
text-align: center;
border: 1px solid #888888;
background-color: #EFEFEF;
padding: 10px 20px 10px;
}
</style>
<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<script>
var chartData={
"type": "bar",
"stacked":true,
"stack-type":"normal",
"backgroundColor":"#FFF0FF",
"hoverMode":"node",
"tooltip": {
"htmlMode":false …推荐指数
解决办法
查看次数
如何为外部系列ZingChart中的绘图值设置颜色
如何在zingchart中为系列数组外的不同值集设置不同的背景颜色？应该在哪里以及如何为值set1和value set2设置background-color-1
var myConfig = {
type: "mixed",
series : [
{
type : 'bar',
values : [35,42,67,89,25,34,67,85],
values : [30,40,60,80],
// how to change background color without setting it here ?
},
{
type : 'line',
values : [35,42,67,89,25,34,67,85],
lineWidth : "6px",
topState : {
lineWidth : "2px",
lineColor : "pink"
}
}
]
};
推荐指数
解决办法
查看次数
D3.js与zingChart库的比较,用于可视化和制图
我在我的项目中寻找可视化和图表.
所以建议所有可能的比较 d3.js and zingChart
还请考虑以下因素:
1.Layout adjustments on webpage
2.Learning simplicity
3.Documentatin available
4.Ease of Implementation
5.flash support
最后我想知道这两个库中哪个是最佳选择？
Thanx提前.
推荐指数
解决办法
查看次数
如何使用跳过的值显示连续折线图(通过Zing Chart)？
我正在使用折线图来显示两个系列的数据.每个系列都可以跳过值(它们用空值初始化).在结果中我得到了一条休息线.问题是如何在跳过值的情况下显示连续线(图像下方的图表).我搜索了所有用"zingchart"标记的问题,阅读zingchart.com上的文档和示例"但我找不到任何解决我问题的方法.这是两个图表的图像(上图 - 我得到的,更低 - 我需要的是:http://imgur.com/u7zLq32
推荐指数
解决办法
查看次数
ZingChart:浮动条形图
ZingChart是否支持浮动条形图？这与他们的瀑布类似,但可以控制颜色和标签.
例如 http://www.amcharts.com/demos/floating-bar-chart/
我正在寻找类似的东西,但有一个基于时间的系列.目前我使用谷歌"时间轴"图表来实现这一目标,但在颜色分配方面找到了他们的实施错误:
https://developers.google.com/chart/interactive/docs/gallery/timeline#labeling-the-bars
谢谢.
推荐指数
解决办法
查看次数
在时间序列ZingChart中,在实时使用appendseries值时,xValue会导致问题
我正在尝试使用ZingChart创建实时时间序列图.但我希望它是累积的,其中所有点在数据追加时累积.所以我在每个ajax轮询中使用"appendseriesvalues"来附加数据,并将数据作为JSON对象传递给(key,value)对.
我的代码如下:
var chartData = {
"show-progress":false,
"gui":{
"behaviors":[
{
"id":"ZoomIn",
"enabled":"all"
},
{
"id":"ZoomOut",
"enabled":"all"
},
{
"id":"ShowAll",
"enabled":"all"
}
]
},
"type":"line",
// "utc":true, /* Force UTC time. */
// "timezone": -5,
"plotarea": {
"adjust-layout":true /* For automatic margin adjustment. */
},
"scale-x":{
"values": [],
"label":{ /* Add a scale title with a label object. */
"text":"Above is an example of a time-series scale",
},
"min-value":1420070400000, /* Unix timestamp for Jan 1, 2015. */
"step":"second",
"transform":{ /* Converts …推荐指数
解决办法
查看次数
如何在一张ZingChart图表上绘制WeekOnWeek图表？
我试图在一个ZingChart图表上绘制两个线图,并努力弄清楚我应该以什么格式传递数据.
基本上,我有一个时间戳/整数对数组,用于今天和前一周的数据,间隔一小时,例如:
今天= [[timestamp1,1],[timestamp2,4],......,[timestamp18,7]] < - 假设现在是下午6点,所以当天剩下的时间没有数据
week_ago = [[timestamp1,4],[timestamp2,7],......,[timestamp23,1]] < - 全24小时数据
x系列应显示从00:00到23:00的小时数,y系列只是整数.此外,在每个图形点上,我希望工具提示显示日期和整数值.
这听起来很简单,可能是因为我对ZingChart很新,我无法理解.
非常感谢
推荐指数
解决办法
查看次数
在ZingChart上自定义x轴
我想使用ZingChart绘制一个与此类似的图形:
直到现在我能做的最好的是:
资源:
{
"graphset": [{
"type": "line",
"series": [
{
"values":[[1,218.2], [2,121.7], [4,62.27], [8,34.37], [16,19.79], [20,16.52], [32,17.1], [40,16.11], [64,91.9]]
}
],
"scale-x":{
"values":[1,2,4,8,16,20,32,40,64]
}
}]
}
如何将x-ticks的位置固定为与x值相同？
推荐指数
解决办法
查看次数
只能加载一个Zingchart
我有一个问题,我只能在我的网络上加载1个zingchart,即使我有2个图表的代码.
代码将生成最新的图表,在这种情况下,饼图并忽略条形图.
以下是我的代码
<?php
//getDBConnect function
require 'dbconnect.php';
//Get ID from form
$id = $_GET['staffid'];
//connect to database
$con = getDBConnect();
if(!mysqli_connect_errno($con)){
$sqlQueryStr =
"SELECT a.ai_Name, r.duration " .
"FROM report AS r, academicinstitution AS a " .
"WHERE r.ai_Id = a.ai_Id ";
$result = mysqli_query($con,$sqlQueryStr);
mysqli_close($con);
} else {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
//Get data into array
$emparray = array();
while ($row = mysqli_fetch_assoc($result)) {
$emparray[] = $row;
}
//Group array by ai_Name …推荐指数
解决办法
查看次数
边界处的Zing散点图节点被切断
我在我的应用程序中使用zing chart with scatter&Line chart,一切正常,但唯一的问题是散点图节点圆圈在图表的最末端被切断.
尝试增加保证金,设置偏移量,z指数并且到目前为止没有任何效果,任何解决方案都表示赞赏.
此致,Smruti
推荐指数
解决办法
查看次数