Jump to content
JChartFX Community

JuanC

Administrators
 View Profile  See their activity

  • Posts

    421

  • Joined

  • Last visited

  • Days Won

    3

 Content Type 

Posts posted by JuanC

  2. IE10 and 3D Pie Chart Problem

    in General Questions

    Posted

    We are testing internally a fix for this issue, it seems to be a weird issue where IE10 seems to run incorrectly code that looks like the following

        iSig = 1;
        for (j = nFirst,i = 0; i < total; i++, j += (pointCount + iSig)) {
            j = j % pointCount;
            // Other code here with a couple of continue statements
            // and a statement that sets iSig to -1
        }
     
    The strangest part is that this code is used to paint the pie slices regardless of the animation settings, but when run multiple times it seems to "optimize" the j+= statement so it does not picks up the change to iSig.
     
    Somehow this seems to fix it.

        iSig = 1;
        for (j = nFirst - iSig,i = 0; i < total; i++) {
            j = j + (pointCount + iSig);
            j = j % pointCount;
            // Other code here with a couple of continue statements
            // and a statement that sets iSig to -1
        }

    We will post more info as soon as we determine whether this was in fact the issue.

    JuanC

  4. JSON format for scatter chart datasource

    in General Questions

    Posted

    There is not a specific JSON format for scatter (or multi series charts), but you have to use the fields map API to tell us how to use each field, e.g.

        var items = [{"X":5, "Y":15},{"X":6, "Y":9},{"X":8, "Y":18}];

        chart1.setDataSource(items);


        var fields = chart1.getDataSourceSettings().getFields();

        var field1 = new cfx.FieldMap();

        field1.setName("Y");

        field1.setUsage(cfx.FieldUsage.Value);

        fields.add(field1);

        var field2 = new cfx.FieldMap();

        field2.setName("X");

        field2.setUsage(cfx.FieldUsage.XValue);

        fields.add(field2);

      

    Regards,

    JuanC 

  5. tooltips displays out of the chart

    in General Questions

    Posted

    In order to duplicate and try to fix the issue we need a sample HTML page that exhibits the problem, the bug is likely due to the structure of your page and attributes of the div 'ChartDiv' along with its parents.

    If possible try posting a sample HTML page as an attachment or email one to support at softwarefx dot com

    Regards,

    JuanC 

  8. Some questions regarding funnel charts and charts in general.

    in General Questions

    Posted

    You can remove the border as follows

        chart1.setBorder(null);

    To remove the border you have a couple of options, if you are using our CSS you can edit it and make sure the fill for .jchartfx .Border is set to the same color as your page or transparent. If you are not using our CSS you can use. In general if you include our CSS that would be the way to change colors, line widths, etc. If you do not include our CSS then you can use our API to change those visual properties.

        chart1.setBackColor("#00FFFFFF");

    To remove the legend box

        chart1.getLegendBox().setVisible(false); 

    To show and change the text for the labels

        chart1.getAllSeries().getPointLabels().setVisible(true);

        chart1.getAllSeries().getPointLabels().setFormat("%l, %v");

    Tooltips are handled automatically by the library, you can change the text that appears for the tooltips using our API or handling an event. We do not have special support for labels but you can handle an event when the user clicks on a bar/marker

    Unfortunately there is no property to make sure labels do not overlap.

    To change the number of decimals shown for the point labels

        chart1.getAxisY().getLabelsFormat().setDecimals(2);

    Regards,


    JuanC 

  12. Exporting a chart to an image

    in General Questions

    Posted

    We are considering it, unfortunately when doing charts in HTML5 we chose SVG over Canvas. One of the things that would be very easy to do in Canvas would be to export the chart as an image. It is not as simple (AFAIK) when using SVG so we are trying to figure out how to support this in the future.

    JuanC

  13. Animation in jChartsFX

    in General Questions

    Posted

    You have to include jchartfx.animation.js, animations also are disabled by default so you have to enable them.

    chart1.getAnimations().getLoad().setEnabled(true);

    In future builds we will also support animations when the data is changed (as long as the number of points and series remains the same).

    JuanC

  16. change direction of Gantt Chart

    in General Questions

    Posted

    You have to be a little more specific so that we can help you better.

    If you mean that you want the axis labels (or other labels) to go right-to-left, we currently do not support right-to-left text.

    If you mean that you want to right align axis labels or point labels there are properties in the API to achieve this.

    JuanC

  19. Legend box size

    in General Questions

    Posted

    You can control the size of the legend box by setting its width/height property (depending on the legend position being Right-Left/Top-Bottom)

    chart1.getLegendBox().setWidth(100);

    Please note that the legend box does not support scrolling so if you have several series and not enough space, the contents of the legend box will be clipped. You can also hide the legend box if desired.

    JuanC

  21. giving margin between bars

    in Styling and Aesthetics

    Posted

    In a single series chart you can increase the empty space between bars (making the bars thinner) by decreasing the volume property in the all series object, e.g.

    chart.getAllSeries().setVolume(40);

    This number is a percentage. 100 would give you no empty space between bars. Please note that the distance between the middle of a bar and the next will not change, only the empty space.

    JuanC

×
×
  • Create New...