saadbinakhlaq

Members
  • Content count

    1
  • Joined

  • Last visited

Posts posted by saadbinakhlaq


  1. I am using Column2D javascript version. I have long data labels on x-axis and I am displaying them in slant. Although the chart is rendering nicely but when I use the chart instance then these long data labels are getting truncated, they are slanted but truncated. I would like them to be slanted and not truncated. Please help

     

     

    var data = {

     

    "chart": {

     

    "caption": "",

     

    "showlabels": "1",

     

    "plotgradientcolor": "",

     

    "showplotborder": "0",

     

    "showvalues": "1",

     

    "decimals": "0",

     

    "showshadow": "0",

     

    "bgColor": "FFFFFF",

     

    "showBorder": "0",

     

    "yaxisname": "",

     

    "canvasBorderAlpha": '0',

     

    "canvasbgAlpha": '0',

     

    "numDivlines": '0',

     

    "numberSuffix": "%",

     

    "labelDisplay": "Rotate",

     

    "slantLabels": "1",

     

    "baseFontSize": "14",

     

    "baseFontColor": "000000",

     

    "useEllipsesWhenOverflow": "0",

     

    "manageLabelOverflow": "1"

     

     

     

     

     

    },

     

     

     

    "data": data

     

     

     

    }

     

     

     

    var myChart = new FusionCharts( "Column2D",

     

    "myChartId", "80%", "70%", "5", "10" );

     

    myChart.setJSONData(data);

     

    myChart.render("chartContainer");

     

    myChart.render("question_chart")

     

     

    ===============================================================

     

    chart instance

    ===============================================================

     

     

    var myChart1 = FusionCharts("myChartId");

     

    myChart1.resizeTo("80%", "70%");

     

    myChart1.setChartAttribute({"manageLabelOverflow": "1"})

     

    myChart1.render("topic_chart");