Dimple.js Axis Labels
NickName:ne8il Ask DateTime:2014-09-11T04:48:39

Dimple.js Axis Labels

I have a dataset where each row has an id and a name property. The id property is the unique key, the names may be duplicated. I want the name to be shown on the category axis of a Dimple.js chart.

If I use "name" as the argument to chart.addCategoryAxis, the correct labels are drawn, but users with duplicate names are grouped into single bars. If I use "id" as the argument, the bars are separated but with the wrong labels.

Is there a "Dimple" way to achieve this, or should I just either :

Illustration of this (click the switch button to see what I mean) : http://jsbin.com/bupamo/4/edit?js,output

Copyright Notice:Content Author:「ne8il」,Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/25774821/dimple-js-axis-labels

More about “Dimple.js Axis Labels” related questions

Dimple.js Axis Labels

I have a dataset where each row has an id and a name property. The id property is the unique key, the names may be duplicated. I want the name to be shown on the category axis of a Dimple.js chart....

Show Detail

Reduce Y axis labels on Dimple.js line chart

I cannot reduce the number of Y axis labels on dimple.js line chart. I've tried to follow this solution on stackoverflow but have no luck. Here is my sample code: var svg = dimple.newSvg("#

Show Detail

axis orient / position with dimple.js

Is there a way to explicitly position/orient an axis using dimple.js? I know that the first x-axis is added to the bottom and the second is added to the top, so I can get the desired outcome like t...

Show Detail

autoscale and format x axis in dimple.js

I would like a chart that autoscales the x axis according to the data size and shows only specific numbers, and for the rest of data points only show the tick lines without numbers. Something like ...

Show Detail

Change x-axis Interval Display - dimple.js

I am working on creating a bubble chart using dimple.js. I am currently using the addCategoryAxis() function of create my x-axis based on the data I am using. The problem is that there are too many

Show Detail

dimple.js: order y-Axis not alphabetically, but by order of appearance in data set

I'm drawing a vertically grouped pie chart in dimple.js from my data set. The chart looks similar as the one from the example link, just that my x-Axis consists of dates and the y-Axis of names of

Show Detail

How do you reduce the number of Y-axis ticks in dimple.js?

In dimple.js is there a way to, for example, reduce the number of y-axis ticks by half so that it would only show every other y tick instead of all of them?

Show Detail

Dimple.js how to customize range of values on Y-axis from 0 to 100?

I need to customize the y-axis value range to start from 0 till 100. I do not want the automated range that Dimple.js adds based on the data that I have. Please suggest if its possible. I tried the x.

Show Detail

Dimple.js smooth animation of pie chart labels?

I'm using dimple.js to draw pie charts. I want the labels inside the slices of the pie chart. I'm using a modified version of John Kiernander's answer to another question to do this with: myS...

Show Detail

How to set the interval of ticks on the X-Axis using dimple.js

I am using the following code to plot some data related to the passengers of the titanic by age using dimple.js: var myChart = new dimple.chart(svg, data); var ageAxis = myChart.addCategoryAxis("x...

Show Detail