marimekko-chart | 易学教程

D3.js how can I generate a variable width stacked chart (Marimekko chart)

阅读更多关于 D3.js how can I generate a variable width stacked chart (Marimekko chart)

问题 I would like to generate a stacked bar chart (similar to http://bl.ocks.org/mbostock/1134768) where the total height of each bar is the same and the width varies. This kind of chart is also known as Marimekko chart. So far my attempts to make the width vary based on a value in the csv file have failed. Any suggestions would be appreciated. 回答1: The Marimekko chart at http://bl.ocks.org/mbostock/1005090 is what I was looking for. 来源： https://stackoverflow.com/questions/21610828/d3-js-how-can-i

D3.js how can I generate a variable width stacked chart (Marimekko chart)

阅读更多关于 D3.js how can I generate a variable width stacked chart (Marimekko chart)

D3.js how can I generate a variable width stacked chart (Marimekko chart)

阅读更多关于 D3.js how can I generate a variable width stacked chart (Marimekko chart)

Highcharts 'bindAxis' for one chart only

阅读更多关于 Highcharts 'bindAxis' for one chart only

问题 I'm trying to integrate a MariMekko / Market type of chart in my application. I found an interesting implementation here: http://jsfiddle.net/h2np93k1/39/ This code constructs a treemap and adds axis to it. That is done by this snippet: Highcharts.seriesTypes.treemap.prototype.bindAxes = function() { Highcharts.Series.prototype.bindAxes.call(this); }; However, if I understand correctly, this will cause all my treemap charts to have axis. I don't want this, I'd like to keep the axis only for

d3.js how do I add text to Marimekko chart

阅读更多关于 d3.js how do I add text to Marimekko chart

问题 I am trying to add text to a working Marimekko chart. I understand that adding text to a rect requires that the rect and text need to be in a group. But the code I used as a base already uses a group. That is my main question, but I'd also like to make the x axes display the month rather than a %value. Is this mission impossible for a marimekko chart? <div id="chart"> </div> <div id="legend"> </div> <script> var width = 800, height = 500, margin = 20; var color = d3.scale.category10(); var x

D3.js how can I generate a variable width stacked chart (Marimekko chart)

阅读更多关于 D3.js how can I generate a variable width stacked chart (Marimekko chart)

I would like to generate a stacked bar chart (similar to http://bl.ocks.org/mbostock/1134768 ) where the total height of each bar is the same and the width varies. This kind of chart is also known as Marimekko chart. So far my attempts to make the width vary based on a value in the csv file have failed. Any suggestions would be appreciated. The Marimekko chart at http://bl.ocks.org/mbostock/1005090 is what I was looking for. 来源： https://stackoverflow.com/questions/21610828/d3-js-how-can-i-generate-a-variable-width-stacked-chart-marimekko-chart