Uploaded image for project: 'Community Dashboard Framework'
  1. Community Dashboard Framework
  2. CDF-913

CCC - Axis tick label overflows - ignores fixed or maximum axis sizes

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Severity: Unknown
    • Resolution: Fixed
    • Affects Version/s: 16.01.22
    • Fix Version/s: 7.0.0 GA, 6.1-16.08.18, 16.08.18
    • Component/s: None
    • Labels:
      None
    • Story Points:
      0
    • Notice:
      When an issue is open, the "Fix Version/s" field conveys a target, not necessarily a commitment. When an issue is closed, the "Fix Version/s" field conveys the version that the issue was fixed in.

      Description

      The cartesian axis panel determines the amount by which its ticks' labels overflow on both ends (left and right, if axis is X). When the axis has a fixed or maximum size, the overflow calculation should consider that part of the overflow will be clipped.

      This issue exists since the CCC layout started to determine axis ticks labels' overflow, and has surfaced in the forums:
      1. http://redmine.webdetails.org/issues/3089
      2. http://forums.pentaho.com/showthread.php?142356-Chart-size-issue-after-changing-the-axis-lablel
      3. https://br.groups.yahoo.com/neo/groups/pentahobr/conversations/topics/12725

      The attached image shows what can happen when tick labels have a long text.

      The following chart definition reproduces the problem:

      var data = {
          "resultset": [      
              ["ce of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looke", 72],
              [ "lish. Many desktop publishing packages and web page editors now use Lor", 50]        
          ],
          "metadata": [{
              "colIndex": 0,
              "colType": "String",
              "colName": "City"
          }, {
              "colIndex": 1,
              "colType": "Numeric",
              "colName": "Quantity"
          }]
      };
      
      new pvc.BarChart({
          canvas: "pvcBar1",
          "width":  600,
          "height": 400,
          animate:    false,
          baseAxisSizeMax: 70,
          baseAxisLabel_textAngle: -Math.PI/4,
          baseAxisLabel_textAlign: 'right'
      })
      .setData(data, {crosstabMode: false})
      .render();
      

        Attachments

          Activity

            People

            • Assignee:
              wfaulkner William Faulkner
              Reporter:
              duarte.leao Duarte Cunha Leão
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: