russ

Struggling to find which attribute this is

Recommended Posts

Hello,

 

This is a 2D stacked bar chart. I'm really struggling to identify the attribute for the grey vertical line and the small horizontal line underneath in the highlighted area below. I'm guessing it's an axis line, I would like to make the both go away. Is that possible?

 

example.png

 

thanks in advance

 

Russ

Share this post


Link to post
Share on other sites

I've managed to isolate the svg generating the content, setting the stroke width on both of these lines to zero removes them from the chart.

 

So I'm still thinking they are related to an axis property

 

svg.png

Share this post


Link to post
Share on other sites

This may be as a result of using StackedBar2D.swf. I downloaded the latest fusion trial and changed the method to below and bingo, no axis lines

 

var barChart = new FusionCharts({
              type:'stackedbar2d', 
              renderAt: 'chart-container',
              width: '500',
              height: '300',
              dataFormat: 'json',
            dataSource:  {
                "chart": {
                    .....

Share this post


Link to post
Share on other sites

Okay, I think I have worked this out. My application is using version 3.3.1 of fusion charts. It seems to be that the difference between this version and the latest version is that divLineAlpha = 0 makes the axis line go away on the latest version. On 3.3.1 the axis line remains. I cannot find another property that removes the axis line in 3.3.1 - does one exist?

 

"chart": {
    "caption": "Company Revenue",
    "xaxisname": "Month",
    "yaxisname": "Revenue",
    "showvalues": "0",
"canvasBorderAlpha" : "0",
"divLineAlpha" : "0",
    "numberprefix": "$"
  },
  "categories": [
    {
      "category": [
        {
          "label": "Jan"
        },
        {
          "label": "Feb"
        },
        {
          "label": "Mar"
        },
        {
          "label": "Apr"
        },
        {
          "label": "May"
        },
        {
          "label": "Jun"
        },
        {
          "label": "Jul"
        },
        {
          "label": "Aug"
        },
        {
          "label": "Sep"
        },
        {
          "label": "Oct"
        },
        {
          "label": "Nov"
        },
        {
          "label": "Dec"
        }
      ]
    }
  ],
  "dataset": [
    {
      "seriesname": "Product A",
      "data": [
        {
          "value": "27400"
        },
        {
          "value": "29800"
        },
        {
          "value": "25800"
        },
        {
          "value": "26800"
        },
        {
          "value": "29600"
        },
        {
          "value": "32600"
        },
        {
          "value": "31800"
        },
        {
          "value": "36700"
        },
        {
          "value": "29700"
        },
        {
          "value": "31900"
        },
        {
          "value": "34800"
        },
        {
          "value": "24800"
        }
      ]
    },
    {
      "seriesname": "Product B",
      "data": [
        {
          "value": "10000"
        },
        {
          "value": "11500"
        },
        {
          "value": "12500"
        },
        {
          "value": "15000"
        },
        {
          "value": "11000"
        },
        {
          "value": "9800"
        },
        {
          "value": "11800"
        },
        {
          "value": "19700"
        },
        {
          "value": "21700"
        },
        {
          "value": "21900"
        },
        {
          "value": "22900"
        },
        {
          "value": "20800"
        }
      ]
    }
  ],
  "trendlines": [
    {
      "line": [
        {
          "startvalue": "42000",
          "color": "91C728",
          "displayvalue": "Target",
          "showontop": "1"
        }
      ]
    }
  ]
}
 
331
 
331.png
 
Same properties using the latest version
 
latest.png

Share this post


Link to post
Share on other sites
​Hi,
 
Please use the statement FusionCharts.setCurrentRenderer("javavscript") if you want to display the chart like the latest JavaScript Version. You also need to replace chart type StackedBar2D.swf to StackedBar2D.
 
We have tried to replicate your issue in our side, but the axis line you are stating don't appear in our side in version fusioncharts/3.3.1-sr3.
 
Please refer to 1st image.
 
Moreover the divLineAlpha attribute you have stated controls the transparency ​of the vertical line as highlighted in the 2nd image attached.
 

You can remove these vertical lines setting divLineAlpha to 0 or numDivLines to 0

cleardot.gif

 

post-62948-0-72316800-1418808589_thumb.jpg

post-62948-0-97939900-1418808592_thumb.jpg

Share this post


Link to post
Share on other sites

Hey - thanks for the response. I am setting the renderer to javascript already.

 

This is how the chart is created:

 

var barChart = new FusionCharts("../../FusionCharts/StackedBar2D.swf", "attendanceChart", container_element_width, "60", "0");

 

If I change StackedBar2D.swf to StackedBar2D I get a javascript error (this.FusionCharts is undefined).

 

It's definately rendering using javascript - the source code is all svg (not flash)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now