Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

  • Overlapping X-Axis values for facetchart after orientation

    Hi Isomorphic,

    I am using SmartGWT Pro 12.0

    I want to rotate X-Axis labels for facetchart.
    Value for chart is given as [date and time] for starting, ending points and if date changed.
    Value for chart is given as [time] for remaining points

    If i am using following property
    counterHistoryAreaChart.setRotateLabels(LabelRotationMode.NEVER);

    Then try to rotate label with some angle.I am getting Overlap issue and half of information is hidden.

    Kindly let me know how to solve this issue

    Thank you.

    Sample source code is:

    lable = new DrawLabel();
    lable.setFontSize(13);
    lable.setRotation(270.0);
    lable.setAlignment(LabelAlignment.RIGHT);


    counterHistoryAreaChart = new FacetChart();
    counterHistoryAreaChart.setDataLabelProperties(lable);
    counterHistoryAreaChart.setRotateLabels(LabelRotationMode.NEVER);
    counterHistoryAreaChart.setFacets(dateFacet, levelFacet);
    counterHistoryAreaChart.setValueProperty("counterValue");
    counterHistoryAreaChart.setChartType(ChartType.COLUMN);
    counterHistoryAreaChart.setTitle(chartTitle);
    counterHistoryAreaChart.setShowShadows(false);
    counterHistoryAreaChart.setMaxBarThickness(120);
    counterHistoryAreaChart.setCanSelectText(true);
    counterHistoryAreaChart.setHeight(600);
    counterHistoryAreaChart.setWidth100();
    counterHistoryAreaChart.setDataColors(counterColor);

    Click image for larger version  Name:	Expected Output.PNG Views:	1 Size:	24.9 KB ID:	254415Click image for larger version  Name:	Overlap Issue.PNG Views:	1 Size:	19.8 KB ID:	254414
    Last edited by vnathank; 12th Aug 2018, 21:34.

  • #2
    Hi Isomorphic,

    As I couldn't see the examples in Showcase with left orientation (as similar to my requirement), Could you please confirm the feasibility ?

    Thank you,

    Comment


    • #3
      Using setAlignment() and setRotation() on the DrawLabel template passed to FacetChart.setDataLabelProperties() isn't supported usage. That properties API is meant to give you control over the appearance of the text (font, color, etc.) but the placement (rotation, etc.) is controlled by the FacetChart with APIs such as setRotateLabels().

      Currently, as the documentation for that API mentions, we support only horizontal and vertical (running top to bottom) orientation, with the ability to automatically engage the vertical orientation as space is required with the "auto" setting.

      Comment

      Working...
      X