Tag: 图表

刻度添加后的日期格式jqplot categoryaxisrenderer

我使用jQplot和primeFaces。 我想要一个CategoryAxis的日期格式化程序（日期以毫秒为单位）。 我在Stack上找到了不同的解决方案，但问题似乎是我的问题：它们是在“创建之后”添加并且没有考虑选项/格式。 ticks: this.cfg.categories, 我使用datetickformatter，自定义datetickformatter，CanvasAxisTickRenderer和CanvasAxisTickRenderer版本进行了测试。 徒然。 this.cfg.axes = { xaxis: { renderer: $.jqplot.CategoryAxisRenderer, rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer }, tickOptions: { formatString: ‘%a.’, fontSize:’7pt’, }, ticks: this.cfg.categories, }, 谢谢，Ju。

在缩放堆栈条形图后，Flot返回不正确的x值（mm / dd / yy – date）

我想在用户缩放图表并单击特定条形图时获得正确的x轴标签 当点击（02/14/14 – xaxis）上的栏时，警报显示（02/19/14 – xaxis）标签。 当缩放（选择）未触发时，它返回正确的日期。 但在缩放图表并单击栏后，它会填充错误的日期。 我是flot排行榜的新手。 请帮我。 谢谢。 [ Flot Stack Zoom Click $(function() { var dataset = \[{ data: \[ \[1391279400000, -588\],\[1391365800000, -1324\],\[1391452200000, -1525\],\[1391538600000, -588\],\[1391625000000, -1525\],\[1391711400000, -588\], \[1391797800000, -1324\],\[1391884200000, -1525\],\[1391970600000, -588\],\[1392057000000, -1234\],\[1392143400000, -588\],\[1392229800000, -1324\], \[1392316200000, -1525\],\[1392402600000, -588\],\[1392489000000, -1525\],\[1392575400000, -588\],\[1392661800000, -1324\],\[1392748200000, -1525\], \[1392834600000, -588\] \], color:’#9D538E’, label: “Out” }, { data: \[ […]

就绪事件未按预期工作

我试图实现就绪事件处理程序，基本上是从指南复制，但我不能让它工作。 我错过了什么？ function drawVisualization() { … … … table = new google.visualization.Table(document.getElementById(‘table1’)); table.draw(dataTable, {width: 1100}); google.visualization.events.addListener(table, ‘ready’, resizeTable); } function resizeTable() { alert(‘Will this work?’); } //此代码不会产生警报

如何从按钮onclick事件启动fancybox来绘制谷歌图表？

我们可以在弹出式花式框中绘制谷歌图表吗？ 我在表格中显示了数据，每行都有一个按钮，用于显示每条记录的谷歌图表。 目前，我的图表始终显示在表格后面的底部，但是当记录在屏幕上滚动时，用户需要滚动到底部才能获得图表视图。 有可能使用fancybox或某种方式来解决这个不方便的问题吗？ 谢谢你的建议！ HTML： data … pie chart JS： function drawPieChart(dataArr, elementId) { //dataArr : the data to display //elementId : element where to display chart var data = google.visualization.arrayToDataTable(dataArr); var chart = new google.visualization.PieChart(document.getElementById(elementId)); chart.draw(data, options); } function showChart(){ //alert(“readyState=” + xhr2.readyState); if(xhr2.readyState == 4) { if(xhr2.status == 200){ var allEmp = […]

字符串filter和控制过滤数据多个谷歌图表

我被困在谷歌图表的范围filter堆栈列图表只是我想显示一些范围的数据..你能找到类别filter有什么问题吗？ 如何按日期范围显示filter？ 是否有其他选项按产品名称进行过滤？ 非常感谢你……………. google.charts.load(‘current’, { packages: [‘corechart’,’controls’] }).then(function () { // save charts for redraw var charts = {}; var options = { isStacked :’true’, Column: { chartArea: { height: ‘100%’, width: ‘100%’, top: 60, left: 64, right: 32, bottom: 48, }, hAxis: { format: ‘ddd’ }, height: ‘100%’, legend: { position: ‘top’ }, […]

格式Highcharts xAxis用于库存数据

我已经完成了需要为xAxis属性设置格式时间标签的Highcharts选项，但没有运气了解这对于这种情况究竟是如何工作的。 我在白天（盘中）检索了库存的动态数据，我需要显示当从9:30开始检索数据并在每天17:00结束时，我需要显示标签，显示30分钟的间隔，如下所示：9：30..10：00..10：30 ..但是我似乎无法使用每5分钟收到的数据块（指针）。 另一个问题是我需要显示数据而不跨越到图表的整个宽度，例如在10:00我只有6个柱（每个5分钟），但它的作用是用大6填充图表而不是将它们锁定到它们的时间范围： 我需要做的是在9：30-10：00区域内显示这些条形图，并在我收到更多数据时将其余区域填充，如下所示： 如果能完成任务，我将不胜感激。 我知道股票图表类型正在进行中，但我现在急需使用OHLC类型。 非常感谢。

Chart.js显示无图表数据时的默认值

我正在使用chart.Js显示我的图表。 我通过ajax获取我的图表数据并以图形方式呈现它以显示数据， 我的问题是，在我的Ajax什么也没有返回任何内容的情况下，我的图表只显示X轴和Y轴，没有数据或没有显示图例。 有没有显示默认文字的选项？ PS：我知道我可以添加一些条件语句并显示“No chart Div”并隐藏我的“chart div”，但我是一些干净的方法来做同样的事情。

当Google Chart包含在基于jQuery的选项卡中时，它会加载极小的内容

我正在使用谷歌的折线图几乎完全像演示 – 只有数据已经​​改变 – 在这个jQuery选项卡插件内部没有修改。 可能有50％的时间，图表将加载到400×200，即使它被指定加载到700×250。 包含div将具有适当的宽度和高度，但API呈现的图表将在400×200内加载。 我怀疑这是因为API尝试渲染时没有显示选项卡。 因此，它尝试渲染它认为为null的东西，因此强制自己进入最小的默认分辨率。 我的想法是，如果图表的显示可以延迟到单击适当的选项卡，它将解决问题。 可悲的是，我不知道该怎么做，而且我的研究也没有成果。 我能找到的最接近的是这个post ，但我没有找到任何真正的答案。 如果您有任何建议我会很感激，如果有必要，我很乐意跟进更多信息。

无法在Highcharts中创建图表，并且id未定义

嗨我正在建立一个饼图，通过传递json数组到drawchart它显示图表的标签，但无法找到chart.i需要一个圆环图表，其中每个切片是可点击的，当我点击它需要的切片时，它带有一个id作为参数打开该特定切片的另一个图表 $(document).ready(function () { $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “bar.aspx/DistrictAnalysis”, data: “{}”, dataType: “json”, success: function (Result) { Result = Result.d; var data = []; for (var i in Result) { //var jsondata = new Array(Result[i].City, Result[i].DevelopmentPercentage, Result[i].ID); var jsondata = { city: Result[i].City, DevelopmentPercentage: Result[i].DevelopmentPercentage, ID: Result[i].ID } data.push(jsondata); } DreawChart(data); console.log(data); […]

使用Google Visualization动画饼图

我正在尝试使用谷歌图表。 我想要一个饼图从0％到75％的动画（见下图）。 我试图通过谷歌图表实现这一目标。 我正在创建两组数据，一组将以99％开始，另一组以1％开始。 我想反转和动画这些。 我已经通过动画实现了更改值，但无法弄清楚如何让它们进行动画制作。 google.load(‘visualization’, ‘1.0’, {‘packages’:[‘corechart’]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn(‘string’, ‘text’); data.addColumn(‘number’, ‘number’); data.addRows(2); data.setValue(0, 0, ‘Work’); data.setValue(0, 1, 1); data.setValue(1, 0, ‘Eat’); data.setValue(1, 1, 99); var options = { width:500, height:500, animation: {duration: 1000, easing: ‘out’,} }; var chart = new google.visualization.PieChart(document.getElementById(‘chart_div’)); chart.draw(data, options); function […]