I want to draw Area Chart in Coldfusion. I know we can integrate with WebCharts3D but I don't know how to draw it.
Looks like you are looking for a multi-series area chart.
You can create these in CF using the <cfchart> tag. Docs are here and there are lots of example around if you Google, such as here and here.
As an alternative I'd recommend the Google Charts API. It provides a way to create many different chart types and I use it instead of <cfchart> where I need to create charts outside of a CF page (such as in an email). Very useful.
I don't need any answers right now. Because, I've done it by myself.
<cfchart
chartheight="200"
chartwidth="300"
xaxistitle="Year"
yaxistitle="Month"
format="png">
<cfchartseries type="area">
<cfchartdata item="10" value="40">
<cfchartdata item="20" value="50">
</cfchartseries>
<cfchartseries type="area">
<cfchartdata item="30" value="80">
<cfchartdata item="40" value="90">
</cfchartseries>
</cfchart>
Multiple Area Chart in Coldfusion
Related
i'm trying to create some charts with google charts api. I need a bar chart with values placed directly on the chart (not on the tooltip which is set by default). I know that it was possible in Image Charts (which are now deprecated). Is there any way to achive a similar result in Google Charts? I will be grateful for any help or advice...
Here are some examples of what i want to achieve:
No, there isn't. See the answer in this question.
Quote follows:
This feature is not currently supported. The only way to implement it is to write some fancy javascript to create it.
I am no pro at working with SVG with javascript, and won't pretend to be. I'll let you know what I found out with Firebug, and share that.
Using this chart I inspected the SVG element that's created. It has 5 different <g> (I'm assuming group) elements.
g[1] contains information on the title.
g[2] contains the legend
g[3] contains the chart information (sub-groups with the chart
area, gridlines, series, axis label values, etc.) -- when a point is
selected, this shows the circle/double-circle for that point too
g[4] contains axis titles
g[5] contains the tooltips in two separate groups, but only on
mouseover
Here is the function in the code that gets triggered when you mouseover a point:
Y.Ov=function(a,b,c){a=new kv(a);var d=this.Mf.pk(Wj);b=b[zc](sd);d[w](this.Mf[sb](b[0]));for(var e=1;e<b[L];++e)d[w](this.Mf.pk(ti)),d[w](this.Mf[sb](b[e]));Qt(d,c);a.t()[w](d);a.Zz(100);a.Yz(100);this.on[y](a);return a};Y.appendChild=function(a,b){if(b){var c;if(b[Bc]==Sv){if(!b.Th())return;c=b.t()}else c=b;a.t()[w](c)}};Y.replaceChild=function(a,b,c){a.t().replaceChild(b,c);Cu(c)};Y.Fg=function(a){a.Th()&&this.xs(a.t())};Y.xs=function(a){this.Mf.Fg(a)};Y.ds=function(a){this.Mf.removeNode(a);Cu(a)};
This probably doesn't help you. I can't find any easy way to create a workaround for this (oh-so-needed) feature. Sorry there's no solution yet!
I'm running a loop to build multiple PDFs. The background colors of pdf 2+ created in the loop just plain disappear. Doesn't matter if the background color is defined in CSS, as an HTML style, using hex code or just a color name.
This is not an issue if I were to create 2 pdfs in a row without a loop.
Any idea what gives?
This is a bug, it only effects cfdocument saved in memory, it does not effect cfdocuments that are displayed directly to the browser. If you have to save your document in memory, the workaround is pretty simple; use an include or cfc.
myDocument.cfm
<cfdocument name = "myDoc">
...
...
</cfdocument>
myLoop.cfm
<cfloop ...>
<cfinclude template= "myDocument.cfm">
</cfloop>
I mention this bug and workaround here: cfdocument prevent page breaks mid-row
Is there a way to customize the size of this widget? My client wants it in the header but it's too big.
(source: google.com)
This is the embed code they offer for a WordPress widget. There must be a way to cause an onclick of a custom image to trigger this?
<object type="application/x-shockwave-flash" data="https://clients4.google.com/voice/embed/webCallButton" width="230" height="85">
<param name="movie" value="https://clients4.google.com/voice/embed/webCallButton" />
<param name="wmode" value="transparent" />
<param name="FlashVars" value="id=#####numberhidden####&style=0" /></object>
I was able to find this link which doesn't exactly let you resize it but it's a way to push the variables that Google needs in a custom format through input fields.
http://razvangavril.com/web-development/custom-google-voice-widget/
and
http://razvangavril.com/web-development/custom-google-voice-widget-2/
The ButID label for button_id part is a text field where you enter your Google Voice ID. You can find that in their embed code by looking for ID=. I chose to make it a hidden field, and manually insert mine.
The other two fields are your name, and phone number. You then insert their script with the form, customize the look, and you're done.
Thank you!
Using the tutorial from:
http://razvangavril.com/web-development/custom-google-voice-widget/
You could create a button or image of any kind and have that throw a dialog box with your call form.
I've created a reporting application on Railo. The last step of this is to allow the users to download their reports. For this, they click on a link which takes them to /download.cfm?report=reportid
The download page is just
<cfdocument format="pdf" saveAsName="Report.pdf">
<!-- html for report here -->
</cfdocument>
This should be ideally showing a save file dialog with "Report.pdf" in the default file name. However, it still shows "download.cfm"
Any idea what I am overlooking / how to make the save file dialog show "Report.pdf"?
Try manually setting the content disposition header:
<cfheader name="content-disposition" value="attachment; filename=Report.pdf">
I know that I can use WebCharts3d to create new styles, but I'd love to be able to slightly tweak the default PIE chart type in CF. If I open either the beige_pie.cml or red_pie.xml in \Coldfusion9\Charting\Styles, they are DRASTICALLY different than the default appearance. Is there any way to get access to the DEFAULT pie styles?
Have you seen Google Charts?
http://code.google.com/apis/chart/
Take the load off your cf server and outsource them to Google :)
Unless of course, you have a ton of free memory...
There's heaps to choose from. eg.
http://code.google.com/apis/chart/interactive/docs/gallery.html
via comment from Leigh -
default_pie.xml and default.xml