You must be logged in to post your query.
Home › Forums › Chart Support › Bar Chart – Every Other Label Missing
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
}
}
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
Thanks for the quick turn around.
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.
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
I tested this out in the new 1.3 BETA version and it works great. Thanks!
You are welcome.. :)
You must be logged in to reply to this topic.