Tag: charts

添加图例到圆环图 – jqPlot: 好的，这应该相对简单：我正在添加一个圆环图，它确实有效但是，“图例”（如Head (+)以及相应的颜色）不会显示。代码： $(document).ready(function(){ var s1 = [[‘Head (+)’,], [‘Head (-)’,]]; var s2 = [[‘Body (+)’,], [‘Body (-)’,]]; var plot3 = $.jqplot(‘linkchart’, [s1,s2], { title:”Score Profile”, seriesDefaults: { // make this a donut chart. renderer:$.jqplot.DonutRenderer, rendererOptions:{ // Donut’s can be cut into slices like pies. sliceMargin: 3, // Pies and donuts can start […]

（jQuery Highchart）如何将其作为横条？: 我需要的是以下图表。 http://www.highcharts.com/demo/column-stacked 但不幸的是它是垂直的，因为我需要水平的。但是当我改变type: bar ，它会出现分离的条形，而原始的条形组合为一条。我怎么能有它的工作？

通过jquery ajax调用时，谷歌图表不显示: 我正在尝试使用谷歌图表来显示图表。当我通过警报选项检查以检查数据是否被推入列表时，我的json数据即将到来，但总体而言图表无法显示。 // Load the Visualization API and the piechart package. google.charts.load(‘current’, {‘packages’:[‘corechart’]}); // Set a callback to run when the Google Visualization API is loaded. google.charts.setOnLoadCallback(drawChart); function drawChart() { var jsonData = $.ajax({ url: “http://localhost:8080/FRA-UI/api/report19graph/all”, dataType: “json”, async: false }).responseText; alert(JSON.stringify(jsonData)); // Create our data table out of JSON data loaded from server. var data […]

如何在图表上方放置数据标签？: 我在这里 – 在一个简单的样条图表示例下启用了数据标签： dataLabels: {enabled: true} http://jsfiddle.net/gc8144kv/ 我想将数据标签放在图表的顶部，而不是在线上。请参阅此处的示例（我只是使用Paint编辑器移动数据标签:)）：图表顶部的数据标签我怎样才能做到这一点？知道在调整窗口大小时数据标签应该是响应的谢谢。

将Google Chart导出到Excel: 需要将Google图表导出到Excel中。有没有办法通过jquery实现相同的目标？从Google Chart文档中，我了解到可以通过获取ImageURI将图表转换为图像。但是当尝试使用ImageURI导出图像时（请参阅link-2），它未加载到excel文件中。参考： https://developers.google.com/chart/interactive/docs/printing $(“[id$=myButtonControlID]”).click(function(e) { window.open(‘data:application/vnd.ms-excel,’ + encodeURIComponent( $(‘div[id$=divTableDataHolder]’).html())); e.preventDefault(); }); Export Table data into Excel Demo for huge data Demoe By CodePattern.net Anil Kumar 2012 Delhi India abc 12 Delhi India Earth abc 12 Delhi India Earth abc 12 Delhi India Earth abc 12 Delhi India Earth abc 12 Delhi […]

选择数据集时触发更改: 是否有可能触发他们提供的amcharts多数据集图表的select元素的’更改’。 $(“.amChartsDataSetSelector”).find(“select”).val(“2”).trigger(“change”); 这是我试过的代码，它的作用基本上是将选择选项更改为我选择的选项，但它不会相应地更改图表。这种方法还有其他替代方案吗？这是我的小提琴：这是amcharts图表的原始链接。

jqplot用于不同线图的荧光笔: 我在jqPlot图表中有一系列jqPlot图。我想要做的是关闭所有图形的突出显示，除了一个我想要突出显示的图形。我怎样才能做到这一点？

Highcharts。饼形图。 DataLabels格式化程序: 我有一个饼图。我需要在某种程度上格式化DataLabels。所以我使用： dataLabels: { useHTML : true, formatter: function () { if(this.point.id == ‘razr’) { return ” + this.point.y + ‘sum is:’ + this.point.summ + ‘ ‘; } else return ” + this.point.y + ”; } } 我得到了什么：我的问题在这里是style=”left: -140px;这个位置是静态的。我找不到任何方法将我的sum label放在图表绿点的中心。我一直在寻找一个属性point（如plotX ， graphic attr），没有任何帮助。如果我删除style=”left: -140px; datalabel将向右移动。如何获得绿点的坐标？

Highcharts GANTT图表工具提示鼠标hover跟踪问题: 默认情况下，Highcharts中的鼠标hover跟踪会跟踪x轴上的最近点。这适用于其他类型的图表，但是，使用我的GANTT图表[ http://jsfiddle.net/2xkfm87e/11/ ]，这会导致最终用户的结果不直观。在下面的示例图像中，请注意光标最接近第一个类别8段。但是，类别4段的第1点是x轴上的最近点，这是渲染的工具提示。我需要将跟踪重点放在y轴上，这样如果光标最接近y轴上的一个点，则会渲染该工具提示。这可能吗？谢谢你的帮助！ $(function () { // Define tasks var tasks = [{ name: ‘Category 1’, intervals: [] }, { name: ‘Category 2’, intervals: [{ // From-To pairs from: Date.UTC(2010,5, 21), to: Date.UTC(2015, 5, 21), label: ‘Category 2’, tooltip_data: ‘this data’ }] }, { name: ‘Category 3’, intervals: [{ […]

将jquery图表包含在pdf中: 我使用tcpdf在php中生成pdf。 http://www.tcpdf.org/examples.php 我使用javascript / jquery框架/插件来显示一些图表。（fe http://filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/ ）图表的tcpdf实习方式对我来说没有机会。有一种方法将canvas转换为png，就像这里描述的那样（ Capture HTML Canvas as gif / jpg / png / pdf？），遗憾的是，它只在所有测试的插件/框架中转换所需图表的片段。 tcpdf支持javascript但imo仅用于表单交互，如其中一个示例中所示。哪种方式，甚至哪个库（不同于tcpdf）允许我在没有服务器访问的情况下将js-charts包含在php中的pdf中？