knives

Members
 View Profile  See their activity

  • Content count

    22

  • Joined

  • Last visited

Posts posted by knives

  7. Posted · Report reply

    hi 

     

    using this code in documentation of

    Multi-series Stacked Column 2D + Line Dual Y Axis

     

    how can i manually set the secondary values to display this values  14, 29, 43, 57, 71, 86, 100????????

     

     

    FusionCharts.ready(function(){

            var myChart = new FusionCharts({
                "type": "msstackedcolumn2dlinedy",
                "dataFormat": "jsonurl",
                "dataSource":    {

       "chart": {
          "caption": "Quarterly Sales vs. Profit % in Last Year",
          "subcaption": "Product-wise Break-up - Harry's SuperMart",
          "xAxisName": "Quarter",
          "pYAxisName": "Sales",
          "sYAxisName": "Profit %",
          "numberPrefix": "$",
          "numbersuffix": "M",
          "sNumberSuffix": "%",
          "sYAxisMaxValue": "25",
          "paletteColors": "#5598c3,#2785c3,#31cc77,#1aaf5d,#f45b00",
          "baseFontColor": "#333333",
          "baseFont": "Helvetica Neue,Arial",
          "captionFontSize": "14",
          "subcaptionFontSize": "14",
          "subcaptionFontBold": "0",
          "showBorder": "0",
          "bgColor": "#ffffff",
          "showShadow": "0",
          "canvasBgColor": "#ffffff",
          "canvasBorderAlpha": "0",
          "divlineAlpha": "100",
          "divlineColor": "#999999",
          "divlineThickness": "1",
          "divLineDashed": "1",
          "divLineDashLen": "1",
          "divLineGapLen": "1",
          "usePlotGradientColor": "0",
          "showplotborder": "0",
          "valueFontColor": "#ffffff",
          "placeValuesInside": "1",
          "showXAxisLine": "1",
          "xAxisLineThickness": "1",
          "xAxisLineColor": "#999999",
          "showAlternateHGridColor": "0",
          "legendBgAlpha": "0",
          "legendBorderAlpha": "0",
          "legendShadow": "0",
          "legendItemFontSize": "10",
          "legendItemFontColor": "#666666"
       },
       "categories": [
          {
             "category": [
                {
                   "label": "Q1"
                },
                {
                   "label": "Q2"
                },
                {
                   "label": "Q3"
                },
                {
                   "label": "Q4"
                }
             ]
          }
       ],
       "dataset": [
          {
             "dataset": [
                {
                   "seriesname": "Processed Food",
                   "data": [
                      {
                         "value": "30"
                      },
                      {
                         "value": "26"
                      },
                      {
                         "value": "33"
                      },
                      {
                         "value": "31"
                      }
                   ]
                },
                {
                   "seriesname": "Un-Processed Food",
                   "data": [
                      {
                         "value": "21"
                      },
                      {
                         "value": "28"
                      },
                      {
                         "value": "39"
                      },
                      {
                         "value": "41"
                      }
                   ]
                }
             ]
          },
          {
             "dataset": [
                {
                   "seriesname": "Electronics",
                   "data": [
                      {
                         "value": "27"
                      },
                      {
                         "value": "25"
                      },
                      {
                         "value": "28"
                      },
                      {
                         "value": "26"
                      }
                   ]
                },
                {
                   "seriesname": "Apparels",
                   "data": [
                      {
                         "value": "17"
                      },
                      {
                         "value": "15"
                      },
                      {
                         "value": "18"
                      },
                      {
                         "value": "16"
                      }
                   ]
                }
             ]
          }
       ],
       "lineset": [
          {
             "seriesname": "Profit %",
             "showValues": "0",
             "data": [
                {
                   "value": "14"
                },
                {
                   "value": "16"
                },
                {
                   "value": "15"
                },
                {
                   "value": "17"
                }
             ]
          }
       ]
    }

     

            });
        });

     

  10. Posted · Report reply

    hi,

     

                 i have attached 2 images the TARGET CHART  and the RENDER CHART.

    some configuration in fusion charts are not working or i am doing it the wrong way please help me 

    i will give the detailed problems and i will also give the  codes that i used to render my chart

     

     

    1. show x-axis and y-axis tick marks   - as shown in target chart

    2. show vertical lines seperating the datas  - as shown in target chart

    3. make the x-axis and y-axis lines thicker

    4. remove the % sign in line graph - as shown in target chart  - as shown in target chart

    5. i cannot predict the values of good sockets and total socket my chart primary y-axis has no allowance

          it doesn't look good how can i give ample allowance to the primary y-axis   - as shown in target chart

     

     

     

    Thank You so much for the immediate response.......................

     

     

    below is the codes i used for the RENDERED CHART 

     

     

     

     

     

    FusionCharts.ready(function(){
     
     
     
     
    var myChart = new FusionCharts({
                "type": "msstackedcolumn2dlinedy",
                "renderAt": "kamote",
                "width": 900,
                "height": 400,
                "dataFormat": "json",
                "dataSource": {
     "chart": {
    "caption": "Burn-In Board",
    "pYAxisName": "# of Sockets",
    "pYAxisNameFontSize": "12",
    "pYAxisNameFonBold": "1",
    "sYAxisName": "Effieciency %",
    "sYAxisNameFontSize": "12",
    "sYAxisNameFonBold": "1",
    "sYAxisMaxValue": "100",
    "captionFont": "Arial",
    "yAxisNameFont": "Arial",
    "xAxisNameFont": "Arial",
    "xAxisNameFontSize": "14",
    "xAxisNameFontBold": "1",
    "paletteColors": "#8C54AE, #2FBDF2",
    "xAxisname": "Period",
    "showAlternateHGridColor": "1",
    "lineColor": "#00FF97",
    "lineThickness": "3",
    "anchorRadius": "5",
    "anchorBgColor": "#FFFF99",
    "captionPadding": "40",
    "captionFontSize": "20",
    "valueFontBold": "1",
    "valueBgColor": "#F6F6F6",
    "valueBgAlpha": "70",
    "showValues": "0",
    "showXAxisLine": "1",
    "xAxisLineColor": "#000000",
    "showYAxisLine": "1",
    "sNumberSuffix": "%",
    "theme": "fint"
     },
     "categories": [
    {
     "category": [
    {
     "label": "Q4'14"
    },
    {
     "label": "Q1'15"
    },
    {
     "label": "Q2'15"
    },
    {
     "label": "Q3'15"
    },
    {
     "label": "W21'15"
    },
    {
     "label": "W22'15"
    },
    {
     "label": "W23'15"
    },
    {
     "label": "W24'15"
    },
    {
     "label": "W25'15"
    },
    {
     "label": "W26'15"
    },
    {
     "label": "W27'15"
    },
    {
     "label": "W28'15"
    },
    {
     "label": "W29'15"
    },
    {
     "label": "W30'15"
    },
    {
     "label": "W31'15"
    },
    {
     "label": "W32'15"
    },
    {
     "label": "W33'15"
    }
     ]
    }
     ],
     "dataset": [
    {
     "dataset": [
    {
     "seriesname": "Total Sockets",
     "data": [
    {
     "value": "1221049.4615"
    },
    {
     "value": "1173513.2308"
    },
    {
     "value": "1155593.6154"
    },
    {
     "value": "628820.9231"
    },
    {
     "value": "1187270"
    },
    {
     "value": "1202420"
    },
    {
     "value": "1204906"
    },
    {
     "value": "1207542"
    },
    {
     "value": "1207542"
    },
    {
     "value": "1207758"
    },
    {
     "value": "1207878"
    },
    {
     "value": "1210392"
    },
    {
     "value": "1213952"
    },
    {
     "value": "1221539"
    },
    {
     "value": "1222639"
    },
    {
     "value": "1223803"
    },
    {
     "value": "874469"
    }
     ]
    }
     ]
    },
    {
     "dataset": [
    {
     "seriesname": "Good Sockets",
     "data": [
    {
     "value": "1205036.7692"
    },
    {
     "value": "1157653.9231"
    },
    {
     "value": "1139448.4615"
    },
    {
     "value": "620454.3077"
    },
    {
     "value": "1170948"
    },
    {
     "value": "1186091"
    },
    {
     "value": "1188573"
    },
    {
     "value": "1191204"
    },
    {
     "value": "1191204"
    },
    {
     "value": "1191420"
    },
    {
     "value": "1191540"
    },
    {
     "value": "1194054"
    },
    {
     "value": "1197614"
    },
    {
     "value": "1205273"
    },
    {
     "value": "1206609"
    },
    {
     "value": "1207787"
    },
    {
     "value": "863029"
    }
     ]
    }
     ]
    }
     ],
     "lineset": [
    {
     "seriesname": "Effieciency",
     "showValues": "1",
     "data": [
    {
     "value": "98.6886"
    },
    {
     "value": "98.6486"
    },
    {
     "value": "98.6029"
    },
    {
     "value": "98.6695"
    },
    {
     "value": "98.6252"
    },
    {
     "value": "98.6420"
    },
    {
     "value": "98.6445"
    },
    {
     "value": "98.6470"
    },
    {
     "value": "98.6470"
    },
    {
     "value": "98.6472"
    },
    {
     "value": "98.6474"
    },
    {
     "value": "98.6502"
    },
    {
     "value": "98.6541"
    },
    {
     "value": "98.6684"
    },
    {
     "value": "98.6889"
    },
    {
     "value": "98.6913"
    },
    {
     "value": "98.6918"
    }
     ]
    }
     ]
    }
     
     
            });
     
    myChart.render();
     
    });

    post-65125-0-30695700-1423707849_thumb.png

    post-65125-0-58231800-1423707864_thumb.png

  12. Posted · Report reply

    Hi, 

     

                   I am configuring my Linked Chart, Is there anyway that i can auto render the child chart of my Linked Chart when the page loads??????

    what i want to happen is the Child Chart of my Linked chart renders at different container.  I want my Parent Chart and my Child Chart render at the same time when the page loads. This is without clicking the Parent chart to render the child chart.................

     

     

    Thank You very much.........

  13. Posted · Report reply

    Hi Vishalika,

     

    Thank You very much for your support  I am now able to render Drill Down................

    I am now improving my skills in Fusion Charts as of now I am able to render Thumbnail and Drill Down.

    Now I am facing another problem..........

    As i said I am rendering a Thumbnail the problem is how can I used the configureLink()

    if I am rendering a Thumbnail...........

     

    This is the way I will used my project

    1. first the charts will load 

    2. i will click the thumbnails to render other chart to the big DIV

    3. i will click the newly Render chart to see the Drill data of that chart

     

    Again my question is how can I used the configureLink() especially i want to change the Chart Type

    for example from StackBar to PieChar or from PieChart to ColumnChart

    I will include my working codes with this i am able to render Drilldown but in only 1 chart..........

    I wish i clearly explain my problem......... i am not really good at explaining things..........

     

    Thank You Vishalika for the support...................

     

    FusionCharts.ready(function(){
     
        
    var createThumbNail = function(chartId, width, height, divId) {
            var chartRef = FusionCharts(chartId),
                clonedChart = chartRef.clone({
                    "width": width,
                    "height": height
     
                });
     
            clonedChart.setChartAttribute({
                "showValues": "0",
                "showLabels": "0",
                "animation": "0",
                "exportEnabled": "0",
                "showTooltip": "0",
                "showHoverEffect": "0",
                "showYAxisValues": "0",
                "caption": "",
                "subCaption": "",
                "xAxisName": "",
                "yAxisName": "",
                "showXAxisLine": "0",
                "showYAxisLine": "0",
                "numDivLines": "0",
                "enableSlicing": "0",
                "enableRotation": "0",
    "showLegend" : "0"
            });
     
            clonedChart.addEventListener('chartClick', function() {
                FusionCharts(chartId).render('chart-container');
            });
     
            clonedChart.render(divId, 'append');
        };
     
    $.ajax({
    async: false,
    type: "GET",
    url : Drupal.settings.basePath + "fusion/json/daily",
    data : {},
    dataType: "json",
    success:  function(data) {
    jsonDaily = data;
    }//end of success
    });
     
    $.ajax({
    async: false,
    type: "GET",
    url : Drupal.settings.basePath + "fusion/json/weekly",
    data : {},
    dataType: "json",
    success:  function(data) {
    jsonWeekly = data;
    }//end of success
    });
     
    $.ajax({
    async: false,
    type: "GET",
    url : Drupal.settings.basePath + "fusion/json/pie",
    data : {},
    dataType: "json",
    success:  function(data) {
    jsonPie = data;
    }//end of success
    });
     
     
     
    var weekly = new FusionCharts({
    "type": "msstackedcolumn2d",
    "renderAt": "chart-container",
    "width": "700",
    "height": "500",
    "dataFormat": "json",
    "id": "chart1",
    //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
      "dataSource": jsonDaily
    });
     
    var quarterly = new FusionCharts({
                "type": "msstackedcolumn2d",
    "renderAt": "chart-container",
    "width": "700",
    "height": "500",
               "dataFormat": "json",
                "id": "chart2",
                //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
               "dataSource": jsonWeekly
            });
     
    var Pie = new FusionCharts({
            "type": "pie2d",
            "renderAt": "chart-container",
    "width": "700",
    "height": "500",
      "dataFormat": "json",
    "id": "chart3",
    //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
      "dataSource": jsonPie
        });
     
    // create thumbnails for all the three charts
    createThumbNail('chart1', 150, 150, 'thumbnail1');
    createThumbNail('chart2', 150, 150, 'thumbnail2');
    createThumbNail('chart3', 150, 150, 'thumbnail3');
     
    weekly.render();
     
    weekly.configureLink({
    type: 'column2d',
    width: '300',
    height: '250',
       renderAt: 'drill' ,
    overlayButton: {
    message: ' X ', // Set the button to show letter "X"
    bgColor:'#999999',
    borderColor: '#cccccc'
    }
    });
     
     
     
     
     
    }); // end of code

     

     

     

     

     

     

    post-65125-0-04856300-1422609989_thumb.png

  14. Posted · Report reply

    Hi Vishalika,

                as of now i am studying drill down now i need a sample of drill down in pie chart i try to replicate the drill down in stackedbar but 

    i did not succeed. Can you give me a sample of drill down in pie chart????? more or less does Fusion Chart have a documentation of drill down 

    of all chart types??????  if any can you give me the link for that???  

     

    Thank You very much Vishalika

  17. Posted · Report reply

    Hi,

     

         Please update me if you have solved the issue using my method of getting the data via url method.....

    I have another question here.................  http://forum.fusioncharts.com/topic/16419-get-the-data-of-the-chart-and-plot-it-again-in-another-div/

     

    I think it is like DRILL DOWN method but i want to display my drilldown in another DIV

    is it possible in FusionChart??????? if it is possible can you give me a working sample or link so that i can study how it is created

     

    Thank You Vishalika for your response.............

  18. Posted · Report reply

    hi i just created a Thumbnail rendering in Fusion Chart................  I just want to ask if this is possible in Fushion Chart............

    What i want to do is when i click the stack bar that I mark in rectangle i want to get that data and plot it again in another div using any chart that is available........  I wish i can post the image here in text area but I cant find a way to paste it here so i will just attach the image in the attached file..........   I just wanna clear what i want to accomplish.  If I clicked the stacked bar in the Main Div the Biggest Chart I want to get the data in that 

    specific stackedbar and the plot it again in an another chart...... Is this possible in Fusion Chart??????  if possible can anyone give me an working example or link to a working sample..........  i will attach an image of what i want to create.... Thank You very much in advance

    post-65125-0-36791700-1422437400_thumb.jpg

  20. Posted · Report reply

    Sorry for the repost i just attach the file for my work i wish i can get an immediate response.......  

     

    hi i am newbie in FusionCharts.........  following samples in goes smoothly until i reach this problem......  i am following this sample http://docs.fusionch...s-of-chart.html         My problem is the Thumbnail atttributes is not DISABLING........  the difference between my codes and the sample is the source of the data....... In my codes i am getting the json data from an external json file.........  besides that difference nothing else differs...... more info   my thumbnail resize it works....... it just the attributes are not disabling..........   it like i have small charts.........  il post my codes here hope i can get an immediate response.........  Thank You very much in advance..................

     

     

     

    FusionCharts.ready(function(){
     
        var createThumbNail = function(chartId, width, height, divId) {
            var chartRef = FusionCharts(chartId),
                clonedChart = chartRef.clone({
                    "width": width,
                    "height": height
     
                });
     
     
               /////////////////////////////////////////////////////////////////////////////////////
              // i think this part of the codes is not working............
             /////////////////////////////////////////////////////////////////////////////////////
            clonedChart.setChartAttribute({
                "showValues": "0",
                "showLabels": "0",
                "animation": "0",
                "exportEnabled": "0",
                "showTooltip": "0",
                "showHoverEffect": "0",
                "showYAxisValues": "0",
                "caption": "",
                "subCaption": "",
                "xAxisName": "",
                "yAxisName": "",
                "showXAxisLine": "0",
                "showYAxisLine": "0",
                "numDivLines": "0",
                "enableSlicing": "0",
                "enableRotation": "0"
            });
     
              /////////////////////////////////////////////////////////////////////////////////////
              // i think this part of the codes is not working............
             /////////////////////////////////////////////////////////////////////////////////////
     
            clonedChart.addEventListener('chartClick', function() {
                FusionCharts(chartId).render('chart-container');
            });
     
            clonedChart.render(divId, 'append');
        };
     
     
    var daily = new FusionCharts({
                "type": "msstackedcolumn2d",
    "renderAt": "chart-container",
    "width": "800",
    "height": "500",
                "dataFormat": "jsonurl",
    "id": "chart1",
                //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
               "dataSource": Drupal.settings.basePath + Drupal.settings.fusion.link + "/js/jsondata/jsondataDaily.json"
            });
     
    var weekly = new FusionCharts({
                "type": "msstackedcolumn2d",
    "renderAt": "chart-container",
    "width": "800",
    "height": "500",
                "dataFormat": "jsonurl",
                "id": "chart2",
                //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
               "dataSource": Drupal.settings.basePath + Drupal.settings.fusion.link + "/js/jsondata/jsondataQuarter.json"
            });
     
     // create thumbnails for all the three charts
    createThumbNail('chart1', 300, 300, 'thumbnail1');
    createThumbNail('chart2', 300, 300, 'thumbnail2');
     
    weekly.render();
    }); // end of code

     

    fusion2.zip

  21. Posted · Report reply

    hi Vishalika Thank You for your immediate response......

     

      The diference in our codes is that your sample is using json data WITHIN your FusionCharts.ready(function(){});

     

    My requirement is to get the json data using EXTERNAL JSON FILE as shown in 

     

    "dataSource": Drupal.settings.basePath + Drupal.settings.fusion.link + "/js/jsondata/jsondataQuarter.json"

     

    I think there is the problem between using an external file as a source of json data file.

     

    because in my part the clonedChart.setChartAttribute() function is not working.

     

    I want to disable all the attributes like in your sample so the thumbnail will look like an icon

     

    can i send my file to you so that you can view my whole codes??????? 

  22. Posted · Report reply

    hi i am newbie in FusionCharts.........  following samples in goes smoothly until i reach this problem......  i am following this sample http://docs.fusioncharts.com/tutorial-how-to-guides-render-thumbnail-versions-of-chart.html         My problem is the Thumbnail atttributes is not DISABLING........  the difference between my codes and the sample is the source of the data....... In my codes i am getting the json data from an external json file.........  besides that difference nothing else differs...... more info   my thumbnail resize it works....... it just the attributes are not disabling..........   it like i have small charts.........  il post my codes here hope i can get an immediate response.........  Thank You very much in advance..................

     

     

     

    FusionCharts.ready(function(){
     
        var createThumbNail = function(chartId, width, height, divId) {
            var chartRef = FusionCharts(chartId),
                clonedChart = chartRef.clone({
                    "width": width,
                    "height": height
     
                });
     
     
               /////////////////////////////////////////////////////////////////////////////////////
              // i think this part of the codes is not working............
             /////////////////////////////////////////////////////////////////////////////////////
            clonedChart.setChartAttribute({
                "showValues": "0",
                "showLabels": "0",
                "animation": "0",
                "exportEnabled": "0",
                "showTooltip": "0",
                "showHoverEffect": "0",
                "showYAxisValues": "0",
                "caption": "",
                "subCaption": "",
                "xAxisName": "",
                "yAxisName": "",
                "showXAxisLine": "0",
                "showYAxisLine": "0",
                "numDivLines": "0",
                "enableSlicing": "0",
                "enableRotation": "0"
            });
     
              /////////////////////////////////////////////////////////////////////////////////////
              // i think this part of the codes is not working............
             /////////////////////////////////////////////////////////////////////////////////////
     
            clonedChart.addEventListener('chartClick', function() {
                FusionCharts(chartId).render('chart-container');
            });
     
            clonedChart.render(divId, 'append');
        };
     
     
    var daily = new FusionCharts({
                "type": "msstackedcolumn2d",
    "renderAt": "chart-container",
    "width": "800",
    "height": "500",
                "dataFormat": "jsonurl",
    "id": "chart1",
                //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
               "dataSource": Drupal.settings.basePath + Drupal.settings.fusion.link + "/js/jsondata/jsondataDaily.json"
            });
     
    var weekly = new FusionCharts({
                "type": "msstackedcolumn2d",
    "renderAt": "chart-container",
    "width": "800",
    "height": "500",
                "dataFormat": "jsonurl",
                "id": "chart2",
                //"dataSource": Drupal.settings.basePath + "/chartdata2.json"
               "dataSource": Drupal.settings.basePath + Drupal.settings.fusion.link + "/js/jsondata/jsondataQuarter.json"
            });
     
     // create thumbnails for all the three charts
    createThumbNail('chart1', 300, 300, 'thumbnail1');
    createThumbNail('chart2', 300, 300, 'thumbnail2');
     
    weekly.render();
    }); // end of code