charts

Create Google Charts & Convert to Images Server Side

与世无争的帅哥 提交于 2019-12-24 05:19:39
问题 I currently have google charts implemented at several places on my site and I can convert them to images and download them. That was easy. Now I'm hoping to create these charts and convert them to images all on the server. I've done a lot of searching and I've come up with no examples of this, and no questions either, which is starting to make me think it's not possible. I know that these charts are normally created at runtime with javacript in the client's browser, so I guess I'm wondering

How can I draw two material charts with the Google Charts API without one being empty?

℡╲_俬逩灬. 提交于 2019-12-24 05:13:09
问题 I'm trying to draw two charts using the Google Charts API. I set up my HTML like this: <div id="page_views" data-title="{{ report['page_views']['title'] }}" data-labels="{{ report['page_views']['labels'] }}" data-rows="{{ report['page_views']['rows'] }}"></div> <div id="event_views" data-title="{{ report['event_views']['title'] }}" data-labels="{{ report['event_views']['labels'] }}" data-rows="{{ report['event_views']['rows'] }}"></div> where the data attributes are filled during template

Duplicate label on x-axis, stacking bar chart (google charts)

久未见 提交于 2019-12-24 04:23:43
问题 I'm trying to create a stacking bar chart with Google Charts. The data is dynamic, so i wont be able to tell the values of the axises until the chart is made. My problem is that the x-axis sometimes fills in unnecessary labels, as shown in the attached screenshot (In this particular scenario i only have 4 sets of data, so the second label named '12' shouldn't really be there). Any suggestions to how i can fix this, and also align the columns right above their respective labels? Here's some of

How do I keep the legends/colours of SSRS charts consistent?

醉酒当歌 提交于 2019-12-24 04:03:26
问题 I have been having a couple of issues with my charts in SSRS. Basically, the graphs display the results of a sharepoint survey by counting up the totals of question responses. (For example, the speed rating graph below uses =Count(Fields!Speed_Rating.Value) to get its data. ) The responses to these questions can range from Very Poor to Very good as shown below in the Speed rating graph. The problem I am having is that because there has not yet been a Very Poor response to the Professionalism

PrimeFaces: export chart as picture

谁说胖子不能爱 提交于 2019-12-24 03:47:06
问题 I'm trying to export my PF chart as picture following the showcase: enter link description here <h:form id="form1"> <p:chart type="line" value="#{chartView.lineModel1}" style="width:500px;height:300px" widgetVar="chart"/> <p:commandButton type="button" value="Export" icon="ui-icon-extlink" onclick="exportChart()"/> <p:dialog widgetVar="dlg" showEffect="fade" modal="true" header="Chart as an Image" resizable="false"> <p:outputPanel id="output" layout="block" style="width:500px;height:300px"/>

How to stop font size defaulting after zooming in on a google chart

主宰稳场 提交于 2019-12-24 03:46:09
问题 I am using Google Chart API to create a time-line graph and want the strings underneath the title of the graph to continue to be at the same font size, irrespective of the graph being zoomed in or not. Question: After I zoom in into the graph the strings ( Average Event ... , line 3 ) underneath the title default to the original size, how can I make it so that when zoomed in, or after zooming in these lines ( Average Event ... , line 3 ) continue to stay in the original text size Current

How to use series.stack = false in dimple.js to suppress aggregation; different symbols for each series

人走茶凉 提交于 2019-12-24 03:29:43
问题 I am trying to suppress aggregation of data for given months using dimple.js' s3.stacked = false toggle, but it won't do so. How to do aggregation suppression properly in dimple.js? The code below should not add up the profit for 05/2013, at least that is what I want to achieve. I tried to use "Profit" in s3 = chart.addSeries("Profit in each unit", dimple.plot.bubble, [x,y3]); instead of "Profit in each unit" and then there is no aggregation, but the bubbles change colors across the s3 series

jqPlot EnhancedLegendRenderer plugin does not toggle series for Pie charts

无人久伴 提交于 2019-12-24 03:27:18
问题 I use EnhancedLegendRenderer plugin for my jqPlot charts, however I am unable to get it working for Pie charts. If I click on the legend labels, they don't show or hide series. Here is jsFiddle example. legend: { renderer: $.jqplot.EnhancedLegendRenderer, rendererOptions: { numberColumns: 3, seriesToggle: true }, show: true } Has anybody came across and found a solution? 回答1: The answer of Merrily somehow correct, ZingChart looks good and have such functionality out of the box, but jqPlot is

Google Charts API: Always show the Data Point Values using arrayToDataTable. How?

▼魔方 西西 提交于 2019-12-24 03:25:34
问题 First I'd like to let it be known that although there is a similar question labeled: Google Charts API: Always show the Data Point Values in Graph ...on the site, I can't seem to use it's solution since my chart is fed using arrayToDataTable . Here's my code: function drawChart1998() { var data = google.visualization.arrayToDataTable([ ['Year', 'Index Trend'], ['1/3', 1236777], ['1/7', 834427], ['1/10', 2164890], ['1/14', 1893574], ['1/17', 2851881], ['1/21', 359504], ['1/24', 2264047], ['1

Google Chart HTML Tooltip displays html text

人盡茶涼 提交于 2019-12-24 03:12:44
问题 I've specified HTML toolips in the options, but it still renders the HTML text in the tooltip instead of the result of the HTML. How can I fix this so that it renders the HTML result? I create a data view and set the columns like so: projectView.setColumns([0,1,3,{ type:'string', role:'tooltip', calc:function(dt,row){ var date = dt.getFormattedValue(row,0); var totalErrors = dt.getFormattedValue(row,3); var percent = Math.round((dt.getValue(row,3)/dt.getValue(row,1))*100); return '<div><b>'+