Tag: charts

Highstock – 单线系列 – 基于触发器动态创建标记

我使用Highstock – 单线系列来绘制数据。 http://www.highcharts.com/stock/demo/basic-line 。 我想知道如何根据触发器在某些点上创建标记。如果在y轴上发生突然增加，我想在该点上创建一个标记（即突然增加发生在460到470之间，我想创建一个标记470）。我想在客户端进行。我怎么能这样做。任何人都可以帮忙。附上截图，理想我需要什么。我想在截图中突出显示的红色圆圈上创建标记。

如何在jqPlot中为特定系列的数据设置Stack Series false

我正在我的一个项目中使用jqPlot图表。 我正在创建与下面相同的图表。 http://sofzh.miximages.com/javascript/p8QiA.jpg 图表工作正常，但折线图值不应该得到堆栈。 但是，在我的代码中，线序列值也会堆叠。 例如：全部堆积条形图值为10，折线图值为50.但是，在我的方案中，折线图值绘制在位置60而不是50。 我的代码如下。 plot = $.jqplot(chartId, [d1, d2, d3], { seriesColors: [“#d82b25”, “#707b7f”, “#083a6d”], title: titles, stackSeries: true, animate: true, animateReplot: true, cursor: { style: ‘pointer’, show: true, zoom: false, looseZoom: false, showTooltip: false }, series:[ { pointLabels: { show: false }, renderer: $.jqplot.BarRenderer, showHighlight: true, yaxis: ‘yaxis’, rendererOptions: { animation: […]

Highcharts：是否有可能在带有连接器的叶级节点外显示Sunburst图表系列数据标签？

目前，观察到所有系列数据标签在显示，重叠或仅显示数据标签的显示/隐藏行为时可以通过格式化器function实现。 观察到叶级节点的系列数据标签的连接器或外部的系列数据标签的位置是不可配置的。 请参阅以下JS小提琴： http ： //jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst dataLabels: { format: ‘{point.name}’, filter: { property: ‘innerArcLength’, operator: ‘>’, value: 16 } } 请参阅以下链接中的Sunburst图表系列数据标签： – http://www.dundas.com/support/blog/sunburst-charts-homerun-or-groundout 预期的行为是以这样的方式配置系列数据标签：如果节点的弧大小小于特定值，而不是隐藏数据标签，则将其显示在图表的叶级节点之外，同时调整距离图表中的数据标签及其连接器。 我想显示类似于上面链接中显示的Sunburst图表的系列数据标签。 有没有办法在Highcharts Sunburst图表中实现这一目标？

谷歌图表垂直轴和工具提示值格式

我有一个谷歌图表，显示我房间的压力值。 图表中有几个问题 垂直轴重复其值，比如我需要垂直值为95535 95537 95539.但我得到的是95K 95K 95K作为轴值 将鼠标hover在线上时的工具提示具有相同的效果 当我添加代码以使我的点更大（pointSize），甚至没有任何影响 然而，图表行似乎是正确的，因为我认为它有一些起伏。 我添加了NumberFormat格式化程序，但我做的图表并没有改变。 如何正确格式化vAxis和工具提示？ 这是我正在使用的代码 google.load(‘visualization’, ‘1.1’, {packages: [‘line’]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn(‘datetime’, ‘Timestamp’); data.addColumn(‘number’, ‘pressure’); data.addRows([ [new Date(‘2015-11-19 18:26:05’),95245],[new Date(‘2015-11-19 18:19:07’),95186],[new Date(‘2015-11-19 18:19:06’),95186],[new Date(‘2015-11-19 18:12:05’),95152],[new Date(‘2015-11-19 18:05:53’),95151],[new Date(‘2015-11-19 17:58:04’),95172],[new Date(‘2015-11-19 17:51:04’),95152],[new Date(‘2015-11-19 17:44:04’),95141],[new Date(‘2015-11-19 17:37:04’),95111],[new Date(‘2015-11-19 17:30:04’),95102],[new Date(‘2015-11-19 17:26:04’),95112],[new Date(‘2015-11-19 […]

在同一图表中添加2个信息范围（chart.js）

我使用chart.js（2.5版本）创建了一个线型图表，与此示例完全相同： http ：//codepen.io/SitePoint/pen/WGZGNE Chart.js — Line Chart Demo .container { width: 80%; margin: 15px auto; } https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.2/Chart.min.js var ctx = document.getElementById(‘myChart’).getContext(‘2d’); var myChart = new Chart(ctx, { type: ‘line’, data: { labels: [‘M’, ‘T’, ‘W’, ‘T’, ‘F’, ‘S’, ‘S’], datasets: [{ label: ‘apples’, data: [12, 19, 3, 17, 6, 3, 7], backgroundColor: “rgba(153,255,51,0.6)” }, { […]

谷歌LineChart：线图问题可能在一个图表中组合3个数据arrays？

我需要图形看起来像这样的方式x轴产品名称1 X轴：日期2. y轴：成本3.线点应该是产品名称 google.charts.load(‘current’, { packages: [‘corechart’] }).then(function () { var charts = {}; var options = { Column: { chartArea: { height: ‘100%’, width: ‘100%’, top: 24, left: 64, right: 32, bottom: 48, }, tooltip: { valueDecimals: 2, valueSuffix: ‘ USD’, valuePrefix: ‘$’ }, ‘vAxis’: { title: ‘Cost in USD ($)’, format:’$#’, }, height: […]

NVD3图表禁止隐藏图表的渲染

我遇到了与此处描述的问题类似的问题： 对我有用的解决方案是实现以下代码： $(function () { $(document).on(‘shown.bs.tab’, ‘a[data-toggle=”tab”]’, function (e) { window.dispatchEvent(new Event(‘resize’)); }); }); 但是，我感觉所有的图表都在重新渲染，无论它们是在活动标签上（可见）还是在非选定标签（隐藏）中。 例如，如果我有20个标签页，则重新渲染所需的时间比2个标签页要长得多。 有谁知道如何确保只有活动图表被resize/重绘？ 即如果图表不可见，如何抑制resize/重绘事件？

谷歌图表：“未捕获（承诺）错误：未知标题类型：4.7278”错误

我试图通过谷歌图表显示货币汇率的折线图。 基本上我有两种类型的值： 日期（格式iso8601） 费率（十进制数） 当我试图渲染图表时，我收到一个错误：“未捕获（在承诺中）错误：未知标题类型：4.7278” 这是我的代码： PHP数组制作： $xml=simplexml_load_file(‘https://www.ecb.europa.eu/stats/policy_and_exchange_rates/euro_reference_exchange_rates/html/usd.xml’) or die(“Error: Cannot create object”); $arrayForChart[] = [“Date”,”Rate”]; foreach ($xml->DataSet->Series->Obs as $key => $value) { $dateIso8601Format=(string)$value[‘TIME_PERIOD’]; $rateForDate=(string)$value[‘OBS_VALUE’][0]; $rateForDate=(float)$rateForDate; $arrayForChart[] = [$dateIso8601Format,$rateForDate]; } $arrayForChart = json_encode($arrayForChart); 使用Javascript var arrayForChart; $.ajax({ type: “POST”, url: ajaxUrl, //data: {configuration: Config }, success: function (data) { arrayForChart = data; arrayForChart = $.map(arrayForChart, […]

Java脚本谷歌饼图：如果没有要显示的数据，则显示一个空饼图

我目前在谷歌饼图上遇到了一些问题。 我有一个饼图，它最终正在工作，并向我显示饼图中的数据。 我现在的问题是，当饼图中没有数据显示时，什么都不会出现。 如果没有要显示的数据，我想显示一个空饼图。 作为替代方案，我也想总是显示一个空的饼图，然后让饼图动态加载饼图中的数据，所以我可以看到它发生。 希望你们能帮助我！ 对此，我真的非常感激。 我目前有以下javascript :(更新版本） google.charts.load(‘current’, {packages: [‘corechart’]}); google.charts.setOnLoadCallback(drawChart); var highRiskCategory1 = 0; var mediumHighRiskCategory1 = 0; var mediumRiskCategory1 = 0; var mediumLowRiskCategory1 = 0; var lowRiskCategory1 = 0; var xmlURL = “”; var xml; var firstDraw = true; // load google first google.charts.load(‘current’, { callback: function () { // draw […]

谷歌柱形图有两列

有月份和年份时如何处理柱形图 。 我的数据采用这种格式 [‘Group’,’Count’,’Month’,’Year’], [‘A’,10,’February’,2015], [‘B’,8,’February’,2015], [‘C’,15,’February’,2016] 目的是创建一个柱形图，其中X轴为月 ， Y轴为Count 。 现在X轴应该按月分组计数。 像这样的东西 – 我试图简单地传递上面的数据，看看我能得到什么，但我得到错误。 是否可以根据按月分组的年份为Axis分配值？ 谷歌图表示例的JsFiddle