标签: jqplot
如何从外部按钮缩放jqplot？
我正在使用jqplot图表绘制图表它工作正常,要缩放图表我正在使用光标和光标我可以缩放,但我试图从图表外的按钮缩放.由于我们从外部按钮重置缩放图表,$('#reset').click(function() {plot1.resetZoom() });因此可以从外部按钮执行缩放图表.请指教...
提前致谢...
推荐指数
解决办法
查看次数
JqPlot饼图 - 更改饼图切片颜色
我有一个使用JqPlot显示的饼图.我有兴趣改变切片的实际颜色,到目前为止还没有运气.
我遇到了这个链接并尝试了解决方案,但我不确定我是否将它放在错误的位置(尝试将其插入代码中的几个位置)就像我将它放入时一样,饼图没有更长的显示(实际上停止显示页面上的其余图表).
这是饼图的javascript代码:
$(document).ready(function () {
var data = [['US',33], ['IE',30], ['GB',23], ['AU',7], ['CA',4], ['RoW',7]];
var plot1 = jQuery.jqplot('Countries', [data],
{
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
// Put data labels on the pie slices.
// By default, labels show the percentage of the slice.
sliceMargin: 5,
showDataLabels: true,
}
},
legend: { show: true, border: false, /*placement: 'outsideGrid', location: 'w'*/location: 'e', border: 'none' },
grid: {borderWidth:0, shadow:false, background: '#FFFFFF'}
}
); …推荐指数
解决办法
查看次数
JQplot标签在IE 8中被切断
谁看过这个吗？ http://i.stack.imgur.com/kncuH.png
它削减了标签的文字.你可以在底部看到它,在y轴看到一些.我正在使用jqplot版本1.0.8和jQuery到1.9.1.
我尝试更改字体大小和标记宽度.但它没有帮助.我有一种偷偷摸摸的怀疑,这与旋转文本有关.
("bug"仅出现在Internet Explorer 8中.)
推荐指数
解决办法
查看次数
jqplot用于不同线图的荧光笔
我在图表中有一系列折线图jqPlot.我想要做的是关闭所有图形的突出显示,除了一个我想要突出显示的图形.我怎样才能做到这一点？
推荐指数
解决办法
查看次数
Jqplot中两个系列数据的变色条
我想知道如何在Jqplot中为两个系列制作变色条.如果我只有一个系列数据,它的工作方式与下图完全相同
基于其价值的红色和绿色.
但是如果我有两个系列数据,我就无法为每个系列数据配置两个系列颜色.到目前为止,我只能制作这张图
我希望这两个系列图可以根据其值以及一个系列图来改变颜色.
这是我的代码
chart = $.jqplot('map-chart', [dataChart, dataChart2], {
title: 'TIME',
legend: {
renderer: $.jqplot.EnhancedLegendRenderer,
show: true,
location: 'ne'
},
series: [{label: 'Current data'}, {label: 'Worst data'}],
//seriesColors: seriesColors1,
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
pointLabels: {show: true}
//rendererOptions:{
//varyBarColor: true
//}
},
axes: {
xaxis: {
label: 'station',
renderer: $.jqplot.CategoryAxisRenderer,
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
ticks: tickers,
tickOptions: {
angle: -30
}
},
yaxis: {
min: 0,
label: 'Time',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
tickOptions: {
fontSize: '8pt'
}
}
},
highlighter: {show: false}
}); …推荐指数
解决办法
查看次数
更新图表时不会导致内存泄漏的图表库
推荐指数
解决办法
查看次数
jqPlot:隐藏轴刻度？
这是一个带刻度的默认jqPlot轴:
在x轴上设置"showTicks:false"会删除所有内容:
我想显示数字并隐藏刻度 - 数字和粗轴线之间的小破折号.这可能吗？
推荐指数
解决办法
查看次数
jQplot可拖动
我在jQuery中使用jQplot并且我试图让这些点可以拖动.jqplot通过jqplot.dragable插件提供此功能
我应该说我是jQplot的新手,但我确实正确地绘制了我的信息.
我认为我正在使用可拖动性选项.(使用该链接并找到'dragable:'来查看示例),但我的代码中必定存在错误.
这是我的代码.任何帮助是极大的赞赏.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="javascript/jquery-1.5.2.min.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.highlighter.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.dateAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.dragable.js"></script>
<style type="text/css">
.jqplot-axis {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
}
.jqplot-highlighter-tooltip {
background-color: #CCC;
padding: 5px;
border-radius: 5px;
}
</style>
<script language="javascript" type="text/javascript">
$(function() {
<?php
$series = ""; …推荐指数
解决办法
查看次数
如何动态更改jqplot渲染器？
基本上,我希望用户能够通过单击下拉菜单来更改图表的类型:BarRenderer,PieRenderer等.数据是相同的.我知道我可以在同一个元素上再次调用$ .jqplot(),但是我必须再次传递所有设置.而且我的页面有可变数量的图表,这使得该选项成为一个非常糟糕的选择.
我找到了一个关于此的链接:http://groups.google.com/group/jqplot-users/browse_thread/thread/efe6511cd9496f16/5c625baf78d3b0ae但似乎我仍然需要再次调用$ .jqplot().
有一个更好的方法吗？还有一个小问题:它只是我,还是关于jqplot的文档很糟糕？我必须通过多个地方来查找我想要的选项(有时,该选项没有记录,或者我无法以某种方式找到它).你如何学习如何使用jqplot？
推荐指数
解决办法
查看次数
jqPlot - 如何将垂直滚动条添加到包含许多图例项的图例框中
上周我问了以下问题,我得到了答案:
我现在正在寻找一种向我的图例框添加垂直滚动条的方法,在某些情况下可以包含20个以上的图例项.
如果我将以下设置添加到我的CSS文件中,我可以在FireFox和Chrome中获得我想要的结果:
table.jqplot-table-legend {
display: block;
height: 350px;
overflow-y: scroll;
}
但是我需要在IE9中实现相同的效果.
有人知道我需要什么CSS设置吗？
推荐指数
解决办法
查看次数
标签 统计
jqplot ×10
javascript ×7
jquery ×6
charts ×3
css ×1
graph ×1
memory-leaks ×1
pie-chart ×1
zoom ×1