Home forums Using CanvasJS Bar Chart – Every Other Label Missing

Tagged: ,

This topic contains 6 replies, has 2 voices, and was last updated by  Sunil Urs 3 years, 3 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #4819

    Liquid90605
    Participant

    I have created this chart and in it every other label is missing. Any idea why?

    {
    “title”: {
    “text”: “Basket carveouts”
    },
    “legend”: {
    “verticalAlign”: “bottom”,
    “horizontalAlign”: “center”
    },
    “toolTip”: {
    “enabled”: false
    },
    “data”: [
    {
    “indexLabelFontSize”: 20,
    “indexLabelFontFamily”: “Monospace”,
    “indexLabelFontColor”: “darkgrey”,
    “indexLabelLineColor”: “darkgrey”,
    “indexLabelPlacement”: “outside”,
    “type”: “bar”,
    “showInLegend”: false,
    “dataPoints”: [
    {
    “y”: 0.11764705882352941,
    “name”: “12%”,
    “label”: “Relatedparty Transactions”,
    “indexLabel”: “12%”
    },
    {
    “y”: 0.11764705882352941,
    “name”: “12%”,
    “label”: “Title toSufficiency of Assets”,
    “indexLabel”: “12%”
    },
    {
    “y”: 0.11764705882352941,
    “name”: “12%”,
    “label”: “Environmental”,
    “indexLabel”: “12%”
    },
    {
    “y”: 0.17647058823529413,
    “name”: “18%”,
    “label”: “Intellectual Property”,
    “indexLabel”: “18%”
    },
    {
    “y”: 0.23529411764705882,
    “name”: “24%”,
    “label”: “Employee BenefitsERISA”,
    “indexLabel”: “24%”
    },
    {
    “y”: 0.23529411764705882,
    “name”: “24%”,
    “label”: “No Conflicts”,
    “indexLabel”: “24%”
    },
    {
    “y”: 0.35294117647058826,
    “name”: “35%”,
    “label”: “Other”,
    “indexLabel”: “35%”
    },
    {
    “y”: 0.47058823529411764,
    “name”: “47%”,
    “label”: “Intentional Misrepresentation”,
    “indexLabel”: “47%”
    },
    {
    “y”: 0.6470588235294118,
    “name”: “65%”,
    “label”: “BrokerFinders Fees”,
    “indexLabel”: “65%”
    },
    {
    “y”: 0.7058823529411765,
    “name”: “71%”,
    “label”: “Nonwillful Breach of Covenants”,
    “indexLabel”: “71%”
    },
    {
    “y”: 0.7058823529411765,
    “name”: “71%”,
    “label”: “Taxes”,
    “indexLabel”: “71%”
    },
    {
    “y”: 0.7647058823529411,
    “name”: “76%”,
    “label”: “Due Organization”,
    “indexLabel”: “76%”
    },
    {
    “y”: 0.8235294117647058,
    “name”: “82%”,
    “label”: “Ownership of Shares”,
    “indexLabel”: “82%”
    },
    {
    “y”: 0.8823529411764706,
    “name”: “88%”,
    “label”: “Due Authority”,
    “indexLabel”: “88%”
    },
    {
    “y”: 0.8823529411764706,
    “name”: “88%”,
    “label”: “Fraud”,
    “indexLabel”: “88%”
    },
    {
    “y”: 0.9411764705882353,
    “name”: “94%”,
    “label”: “Capitalization”,
    “indexLabel”: “94%”
    }
    ]
    }
    ],
    “axisY”: {
    “valueFormatString”: “#%”,
    “gridColor”: “#FFFFFF”,
    “titleFontColor”: “#FFFFFF”,
    “labelFontColor”: “#FFFFFF”,
    “tickColor”: “#FFFFFF”,
    “lineColor”: “#FFFFFF”,
    “interlacedColor”: “#FFFFFF”
    },
    “axisX”: {
    “interval”: 1
    }
    }

    #4820

    Sunil Urs
    Keymaster

    Hi,

    CanvasJS skips labels whenever the they are too close to each other. But there was a bug because of which it was skipping labels even when the interval is explicitly set. I’ve fixed the issue. You can see this working fine in the next version which is coming tomorrow.

    For now as a work around you can reduce the axisX label’s font size slightly – use “labelFontSize” property.


    Sunil Urs

    #4821

    Liquid90605
    Participant

    Thanks for the quick turn around.

    #4838

    Liquid90605
    Participant

    Thanks again for starting work on this so quickly. Has the patch been released? There are no patch notes so I don’t know when the latest version is released or what fixes are in it.

    #4840

    Sunil Urs
    Keymaster

    Sorry about the delay. The patch is coming along with support for Retina Display and IE8-. Though the library itself is ready, website has some glitches with IE8-. So I had to postpone the release. Meanwhile here is an internal build for you.

    This build is retina ready and also supports IE8-. Let me know if it worked as expected.


    Sunil Urs

    #5074

    Liquid90605
    Participant

    I tested this out in the new 1.3 BETA version and it works great. Thanks!

    #5122

    Sunil Urs
    Keymaster

    You are welcome.. 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.