Tag: highcharts

使用wkhtmltopdf输出到PDF时，页面上的Highcharts图表无法正确呈现

我的wkhtmltopdf页面上有几个Highcharts图表的PDF输出缺少图表的某些元素，主要是所有简单的直线，包括刻度线，网格线，列边框，图例边框和线条/样条线图中的线条（数据点显示）。 我尝试过用于解决其他堆栈问题的技巧，即在系列中设置以下所有内容： enableMouseTracking: false, shadow: false, animation: false …以及在列/样条曲线上设置它们。 没运气。 这是指向浏览器页面图像的链接 。 这是pdf输出图像的链接 。 这是前两个图表的图表选项要点的链接 。 这是在安装在VirtualBox客户机上的Linux Ubuntu 12.04上，使用两天前的最新Highcharts下载和wkhtmltopdf版本0.10.0_rc2。 对wkhtmltopdf的调用主要是通过Rails 3应用程序中的PDFKIT gem，但是我在命令行上直接调用了wkhtmltopdf并得到了相同的结果。 TIA任何帮助！ 更新： 我已将问题分解为图表之前的特定HTML片段。 我使用Twitter Bootstrap css / javascript框架，这段代码产生一组按钮： 2012 2011 2010 2009 2008 具体来说，导致问题的是.btn-group标签的存在 – 取走它，将其他所有内容保留原样，并且PDF生成与页面显示相同而没有指出的问题。 此外，如果您将此代码段移动到图表后页面上的任何位置，则一切正常。 我进一步将问题分解为实际的html / css，因为当我完全禁用Bootstrap javascript函数时问题仍然存在。

只是让Highchart显示出来有困难

我对Javascript，Rails和JQuery都很陌生。 我将在Highcharts上阅读本教程（http://www.highcharts.com/documentation/how-to-use#installation），并尝试获取基本图表。 它没有发生。 在我的home.html.erb文件中，我有： 在app/views/layouts/application.html.erb我在head标记中有这个： 这是/public/highcharts.js中的代码： var chart1; // globally available $(document).ready(function() { chart1 = new Highcharts.Chart({ chart: { renderTo: ‘container’, type: ‘bar’ }, title: { text: ‘Fruit Consumption’ }, xAxis: { categories: [‘Apples’, ‘Bananas’, ‘Oranges’] }, yAxis: { title: { text: ‘Fruit eaten’ } }, series: [{ name: ‘Jane’, data: [1, 0, 4] }, […]

Rails ActiveRecord group_by和sum db结果用于Lazy HighCharts

我是RoR / Ruby的新手，我正在使用Lazy High Charts gem根据一些数据库信息生成一些purdy图表。 我已经尝试过前一个问题中提供的答案，但我仍然对如何做到这一点感到困惑。 我需要按月/年计算amount_used，billed_amount和group（例如; 2012年8月） 最终结果类似于双轴图表，其中包含两个系列“已使用金额”和“成本”。此信息特定于某个account_id。 发票表 +—————+————–+——+—–+———+—————-+ | Field | Type | Null | Key | Default | Extra | +—————+————–+——+—–+———+—————-+ | id | int(11) | NO | PRI | NULL | auto_increment | | account_id | int(11) | YES | | NULL | | | invoice_date | varchar(255) | […]

Highcharts – Rails数组包含空日期条目

我正在使用Highcharts开发一个带有各种线图仪表板的Rails 3.1.1应用程序。 我在Railcast 223（highcharts）中实现了示例代码 – 一切都按预期工作。 但是在没有条目存在的日子里，数组会绘制一个0值 – 但我只是想看线图实际记录。 它不是Railscast的问题，因为它们每天都有多个Order条目。 它似乎是另一个用户（托马斯）发布的同一个问题……虽然他的代码在我的情况下不起作用。 Index view: $(function () { new Highcharts.Chart({ chart: { renderTo: ‘orders_chart’ }, title: { text: ‘Orders by Day’ }, xAxis: { type: ‘datetime’ }, yAxis: { title: { text: ‘Dollars’ } }, tooltip: { formatter: function () { return Highcharts.dateFormat(“%B %e %Y”, this.x) + […]

Rails收集JSON数据并将其呈现到Highcharts图中

我试图将标签传递到x轴上的Highcharts柱形图。 目前图表的工作原理是它渲染数据，但x轴标签显示0,1,2,3 …等，这是没有任何渲染时的默认值。 notes_controller： def dashboard @data = Note.getData() end note.rb def self.getData data = [] self.subject_types.each do |type| data << self.type_count(type) end data end private def self.subject_types pluck(:subject_type).uniq end def self.type_count(type) where(subject_type: type).count end end dashboard.html.erb javascript …series: [{ name: ‘Number of Notes By Class Module’, data: }]… 以上作品很棒，但我如何才能展示标签？ 它们应该来自我的表中名为subject_type的列。 我尝试过以下方法： note.rb： def self.getSubjects […]