Here is a plunker with the solution you are looking for...with key code additions below:
var names = myChart.addSeries(["name"], dimple.plot.bar); myChart.addLegend(10, 50, 510, 20, "middle", [names]);
- How to draw a simple bar chart where each bar is of different color?
- How to assign different color to each bar in the bar chart in d3.js
- Changing the colors of each of the Stacked Bar chart with different Color in D3
- How to give create a bar graph using D3 where each individual bar is a different color?
- How can I choose a legible color to draw text on a bar in a d3js chart?
- D3 : How to add labels top of in each bar in grouped bar chart
- How can I resize my d3.js script? is there a way to put this into a div tag where I can resize my bar chart smaller?
- Creating a radial chart with a different color for each axis label
- How to draw multiple bars in a row in a bar chart with spaces in between with d3v5?
- How do you add multiple lines to a D3JS line chart where the depedent variable data sources start at different positions along the range?
- NVD3 Cumulative Line Chart : How to set different back ground color for specific X axis
- How to draw a 3d bar chart on a world map with d3.js?
- D3JS making a bar chart where each row/data point contains multiple time segments
- nvd3.js - display specific color for each bar in multibar vertical chart depending on range of value
- How to draw line plus bar chart using highcharts/d3.js or any other chart library?
- How to draw mirrored x-axis(inverted) bar chart in d3?
- How to place text inside each bar of the chart using d3
- How do I set a different range for line chart embedded in a bar chart using d3.js
- How can I draw pie chart with custom color in d3.js
- How do you create a stacked bar chart in d3 when each individual segment is an object?
- How to draw bar chart with range x-axis?
- D3 draw multiple files in one chart each file represent different line/bar
- how to draw a d3 bar chart for a local geojson file
- How to create multi color vertical bar chart in d3.js using specific json data?
- How do I use event listeners to swtich my d3 bar chart where I only see one and not both?
- How to assign different color to each node on a sunburst?
- On common x-axis how to draw a chart with different unit of dataset array (multi line chart)
- How to draw a Bar Chart with time on xAxis and one or more numeric data for yAxis in d3js?
- How do I remove all children elements from a node and then apply them again with different color and size?
- How to set text color for my d3 chart title?
More Query from same tag
- Tooltip in multiple ring charts d3js
- Replicate Pure JS version of D3 Zoomable Sunburst (observable)
- D3.js: How to change the position of a text in one single node
- HeatMap - dc.js and d3.js using JSON data
- transitioning multiple elements with d3
- Target other elements on d3.js on event
- How to horizontally centre a (responsive) multi-line legend in D3
- D3.js - changing ordinal scales dynamically
- How can I highlight a slice of multiple donut chart d3
- D3 Data Loading For A Choropleth Graph or Heat Map
- Dimple.js barGap function not working
- Translate it to another position using d3
- Incorrect value returned by d3.mouse offset
- How to position the legend to the right of the donut chart
- D3 multi-line chart with same color dots
- D3 multi series line graph
- Real-time data with D3
- c3.js area chart: area opacity disappears after a line is selected
- Path of topojson not drawn in browser
- D3.js - treemap from flat JSON hierarchy
- Nameless error using d3.js
- D3 node update - how to select a specific text element among multiple ones?
- Add line in svg using d3
- D3 Connecting different data to 2 drop down menu
- d3 grouped bar chart update pattern not working
- Creating a multilayer pie chart with D3
- Add horizontal crosshair to d3.js chart
- D3.JS Access to a TSV column with a rather long name
- My svg text dissapears when I click on it in IE