David Self
Members-
Content count
7 -
Joined
-
Last visited
Everything posted by David Self
-
Automatically Determine A Subset Of Datapoint Labels To Display Based On Input
David Self posted a topic in Suggestions & Requests
We need a mechanism that allows the chart to automatically determine which labels to display on each axis based on how many data points are displayed. For example, if we plot 100 data points, instead of displaying all 100 labels, we'd like to be able to tell the chart to display only, for example, 4 labels on the x and/or y axis. Since the data that we send to the chart is dynamic, using the labelStep and showName attributes can become cumbersome. We would like some way to specify that the chart should display a maximum number of labels and the chart would then display up to that many labels, equally spaced over the axis. The values of those labels should be automatically calculated by the chart itself. There should also be some way to format the labels (e.g., Mon, Tues, ... or 15 Apr, Apr 15, etc. for dates). Thanks! -
I haven't seen any mention of PowerCharts in the documentation for the javascript fallback introduced in FusionCharts 3.2. Is there support for javascript-based PowerCharts? If not, are there any plans to add this?
-
Using the new javascript renderer, is there any way to prevent the value text on the axes from appearing diagonally? I'd like for it to appear as it does in the flash version (horizontally), but I haven't been able to find a setting to change this.
-
Disabling Diagonal Text For Values On Axis
David Self replied to David Self's topic in Javascript Problems
Thanks! That helped a lot! I think I've got it looking like I want now. -
Disabling Diagonal Text For Values On Axis
David Self replied to David Self's topic in Javascript Problems
Thanks! That worked great for labels on the x-axis. My last problem around this is when I use a Bar2D chart which has a category label on the y-axis. I tried the following snippet: if (!!chart._overrideJSChartConfiguration) { chart._overrideJSChartConfiguration({ xAxis: { labels: { align: "center", rotation: 0, }, tickmarkPlacement: "on" }, yAxis: { labels: { align: "left", rotation: 0, }, tickmarkPlacement: "on" } }); but, the labels overlap the bars, as you can see in the attachment. Is there any way to keep this from overlapping? -
Disabling Diagonal Text For Values On Axis
David Self replied to David Self's topic in Javascript Problems
Thanks for the quick reply. This can be seen in the "My First chart using FusionCharts" example. The relevant code is below: FusionCharts.setCurrentRenderer('JavaScript'); var myChart = new FusionCharts("../../Charts/Column2D.swf", "myChartId", "400", "300", "0", "1"); myChart.setXMLUrl("Data.xml"); myChart.render("chartContainer"); Contents of Data.xml: <chart caption='Weekly Sales Summary' xAxisName='Week' yAxisName='Sales' numberPrefix='$' exportEnabled='1' > <set label='Week 1' value='14400' /> <set label='Week 2' value='19600' /> <set label='Week 3' value='24000' /> <set label='Week 4' value='15700' /> </chart> -
Export To Image Menu Not Shown Correctly If Chart Height Is Less Than 247 Pixels
David Self posted a topic in Javascript Problems
When using the javascript renderer, if the chart height is less than 247 pixels, the menu that contains the options to save the chart as an image/pdf file does not display properly. Instead of dropping down, the menu expands upward, but only part of one menu item is shown since the top of the chart cuts off the rest of the menu (see attached screenshot). I've seen this is Firefox 3.6.3, IE 8.0.6001.18702, and Chrome 5.0.375.70. I've modified the "My First chart using FusionCharts - Exporting Pure JavaScript based chart" example and changed it's height to 246 to demonstrate the problem. A chart height of 247 or greater works perfectly, but anything less than 247 does not. The relevant code is: FusionCharts.setCurrentRenderer('JavaScript'); var myChart = new FusionCharts("../../Charts/Column2D.swf", "myChartId", "400", "246", "0", "1"); myChart.setXMLUrl("Data.xml"); myChart.render("chartContainer"); Data.xml is the same as in your example: <chart caption='Weekly Sales Summary' xAxisName='Week' yAxisName='Sales' numberPrefix=' exportEnabled='1' > <set label='Week 1' value='14400' /> <set label='Week 2' value='19600' /> <set label='Week 3' value='24000' /> <set label='Week 4' value='15700' /> </chart> Is there any way to work around this? I'm required to support charts smaller than 247 pixels.