@@ -25,7 +25,7 @@ <h1 id="dc-js-getting-started-and-how-to-guide">dc.js Getting Started and How-To
25
25
26
26
</ div >
27
27
28
- < div class ="content "> < div class ='highlight '> < pre > < span class ="hljs-pi "> 'use strict'</ span > ;
28
+ < div class ="content "> < div class ='highlight '> < pre > < span class ="hljs-meta "> 'use strict'</ span > ;
29
29
30
30
< span class ="hljs-comment "> /* jshint globalstrict: true */</ span >
31
31
< span class ="hljs-comment "> /* global dc,d3,crossfilter,colorbrewer */</ span > </ pre > </ div > </ div >
@@ -97,7 +97,7 @@ <h3 id="anchor-div-for-charts">Anchor Div for Charts</h3>
97
97
98
98
</ div >
99
99
100
- < div class ="content "> < div class ='highlight '> < pre > <div id=< span class ="hljs-string "> 'your-chart'</ span > >< span class ="xml "> < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
100
+ < div class ="content "> < div class ='highlight '> < pre > <div id=< span class ="hljs-string "> 'your-chart'</ span > >< span class ="xml "> < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
101
101
</ span > </ pre > </ div > </ div >
102
102
103
103
</ li >
@@ -113,7 +113,7 @@ <h3 id="anchor-div-for-charts">Anchor Div for Charts</h3>
113
113
114
114
</ div >
115
115
116
- < div class ="content "> < div class ='highlight '> < pre > <div id=< span class ="hljs-string "> 'chart'</ span > >< span class ="xml "> < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > ></ span > Days by Gain or Loss< span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
116
+ < div class ="content "> < div class ='highlight '> < pre > <div id=< span class ="hljs-string "> 'chart'</ span > >< span class ="xml "> < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > ></ span > Days by Gain or Loss< span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
117
117
</ span > </ pre > </ div > </ div >
118
118
119
119
</ li >
@@ -161,10 +161,10 @@ <h5 id="-turnoncontrols-">.turnOnControls()</h5>
161
161
</ div >
162
162
163
163
< div class ="content "> < div class ='highlight '> < pre > <div id=< span class ="hljs-string "> 'chart'</ span > >
164
- < span class ="xml "> < span class ="hljs-tag "> << span class ="hljs-title "> a</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'reset'</ span >
165
- < span class ="hljs-attribute "> href</ span > =< span class ="hljs-value "> 'javascript:myChart.filterAll();dc.redrawAll();'</ span >
166
- < span class ="hljs-attribute "> style</ span > =< span class ="hljs-value "> 'visibility: hidden;'</ span > ></ span > reset< span class ="hljs-tag "> </< span class ="hljs-title "> a</ span > ></ span >
167
- < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
164
+ < span class ="xml "> < span class ="hljs-tag "> << span class ="hljs-name "> a</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'reset'</ span >
165
+ < span class ="hljs-attr "> href</ span > =< span class ="hljs-string "> 'javascript:myChart.filterAll();dc.redrawAll();'</ span >
166
+ < span class ="hljs-attr "> style</ span > =< span class ="hljs-string "> 'visibility: hidden;'</ span > ></ span > reset< span class ="hljs-tag "> </< span class ="hljs-name "> a</ span > ></ span >
167
+ < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
168
168
</ span > </ pre > </ div > </ div >
169
169
170
170
</ li >
@@ -182,10 +182,10 @@ <h5 id="-turnoncontrols-">.turnOnControls()</h5>
182
182
</ div >
183
183
184
184
< div class ="content "> < div class ='highlight '> < pre > <div id=< span class ="hljs-string "> 'chart'</ span > >
185
- < span class ="xml "> < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'reset'</ span > < span class ="hljs-attribute "> style</ span > =< span class ="hljs-value "> 'visibility: hidden;'</ span > ></ span >
186
- Current filter: < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'filter'</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
187
- < span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
188
- < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
185
+ < span class ="xml "> < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'reset'</ span > < span class ="hljs-attr "> style</ span > =< span class ="hljs-string "> 'visibility: hidden;'</ span > ></ span >
186
+ Current filter: < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'filter'</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
187
+ < span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
188
+ < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
189
189
*/
190
190
191
191
</ span > </ pre > </ div > </ div >
@@ -665,7 +665,7 @@ <h4 id="bubble-chart">Bubble Chart</h4>
665
665
666
666
</ div >
667
667
668
- < div class ="content "> < div class ='highlight '> < pre > .colorDomain([- < span class ="hljs-number "> 500</ span > , < span class ="hljs-number "> 500</ span > ])</ pre > </ div > </ div >
668
+ < div class ="content "> < div class ='highlight '> < pre > .colorDomain([< span class ="hljs-number "> - 500</ span > , < span class ="hljs-number "> 500</ span > ])</ pre > </ div > </ div >
669
669
670
670
</ li >
671
671
@@ -762,8 +762,8 @@ <h5 id="accessors">Accessors</h5>
762
762
< span class ="hljs-keyword "> return</ span > p.value.fluctuationPercentage;
763
763
})
764
764
.maxBubbleRelativeSize(< span class ="hljs-number "> 0.3</ span > )
765
- .x(d3.scale.linear().domain([- < span class ="hljs-number "> 2500</ span > , < span class ="hljs-number "> 2500</ span > ]))
766
- .y(d3.scale.linear().domain([- < span class ="hljs-number "> 100</ span > , < span class ="hljs-number "> 100</ span > ]))
765
+ .x(d3.scale.linear().domain([< span class ="hljs-number "> - 2500</ span > , < span class ="hljs-number "> 2500</ span > ]))
766
+ .y(d3.scale.linear().domain([< span class ="hljs-number "> - 100</ span > , < span class ="hljs-number "> 100</ span > ]))
767
767
.r(d3.scale.linear().domain([< span class ="hljs-number "> 0</ span > , < span class ="hljs-number "> 4000</ span > ]))</ pre > </ div > </ div >
768
768
769
769
</ li >
@@ -1165,7 +1165,7 @@ <h4 id="pie-donut-charts">Pie/Donut Charts</h4>
1165
1165
1166
1166
</ div >
1167
1167
1168
- < div class ="content "> < div class ='highlight '> < pre > .colorDomain([- < span class ="hljs-number "> 1750</ span > , < span class ="hljs-number "> 1644</ span > ])</ pre > </ div > </ div >
1168
+ < div class ="content "> < div class ='highlight '> < pre > .colorDomain([< span class ="hljs-number "> - 1750</ span > , < span class ="hljs-number "> 1644</ span > ])</ pre > </ div > </ div >
1169
1169
1170
1170
</ li >
1171
1171
@@ -1348,7 +1348,7 @@ <h4 id="bar-chart">Bar Chart</h4>
1348
1348
1349
1349
< div class ="content "> < div class ='highlight '> < pre > .round(dc.round.floor)
1350
1350
.alwaysUseRounding(< span class ="hljs-literal "> true</ span > )
1351
- .x(d3.scale.linear().domain([- < span class ="hljs-number "> 25</ span > , < span class ="hljs-number "> 25</ span > ]))
1351
+ .x(d3.scale.linear().domain([< span class ="hljs-number "> - 25</ span > , < span class ="hljs-number "> 25</ span > ]))
1352
1352
.renderHorizontalGridLines(< span class ="hljs-literal "> true</ span > )</ pre > </ div > </ div >
1353
1353
1354
1354
</ li >
@@ -1598,10 +1598,10 @@ <h4 id="data-count">Data Count</h4>
1598
1598
to a specific group then any interaction with such chart will only trigger redraw
1599
1599
on other charts within the same chart group.
1600
1600
< br > API: < a href ="https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#data-count-widget "> Data Count Widget</ a > </ p >
1601
- < pre > < code class ="lang-html "> < span class ="hljs-tag "> << span class ="hljs-title "> div</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'dc-data-count'</ span > ></ span >
1602
- < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'filter-count'</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
1603
- selected out of < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'total-count'</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span > records.
1604
- < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
1601
+ < pre > < code class ="lang-html "> < span class ="hljs-tag "> << span class ="hljs-name "> div</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'dc-data-count'</ span > ></ span >
1602
+ < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'filter-count'</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
1603
+ selected out of < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'total-count'</ span > ></ span > < span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span > records.
1604
+ < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
1605
1605
</ code > </ pre >
1606
1606
1607
1607
</ div >
@@ -1661,17 +1661,17 @@ <h4 id="data-table">Data Table</h4>
1661
1661
< br > API: < a href ="https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#data-table-widget "> Data Table Widget</ a > </ p >
1662
1662
< p > You can statically define the headers like in</ p >
1663
1663
< pre > < code class ="lang-html "> < span class ="hljs-comment "> <!-- anchor div for data table --></ span >
1664
- < span class ="hljs-tag "> << span class ="hljs-title "> div</ span > < span class ="hljs-attribute "> id</ span > =< span class ="hljs-value "> 'data-table'</ span > ></ span >
1664
+ < span class ="hljs-tag "> << span class ="hljs-name "> div</ span > < span class ="hljs-attr "> id</ span > =< span class ="hljs-string "> 'data-table'</ span > ></ span >
1665
1665
< span class ="hljs-comment "> <!-- create a custom header --></ span >
1666
- < span class ="hljs-tag "> << span class ="hljs-title "> div</ span > < span class ="hljs-attribute "> class</ span > =< span class ="hljs-value "> 'header'</ span > ></ span >
1667
- < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > ></ span > Date< span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
1668
- < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > ></ span > Open< span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
1669
- < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > ></ span > Close< span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
1670
- < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > ></ span > Change< span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
1671
- < span class ="hljs-tag "> << span class ="hljs-title "> span</ span > ></ span > Volume< span class ="hljs-tag "> </< span class ="hljs-title "> span</ span > ></ span >
1672
- < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
1666
+ < span class ="hljs-tag "> << span class ="hljs-name "> div</ span > < span class ="hljs-attr "> class</ span > =< span class ="hljs-string "> 'header'</ span > ></ span >
1667
+ < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > ></ span > Date< span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
1668
+ < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > ></ span > Open< span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
1669
+ < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > ></ span > Close< span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
1670
+ < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > ></ span > Change< span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
1671
+ < span class ="hljs-tag "> << span class ="hljs-name "> span</ span > ></ span > Volume< span class ="hljs-tag "> </< span class ="hljs-name "> span</ span > ></ span >
1672
+ < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
1673
1673
< span class ="hljs-comment "> <!-- data rows will filled in here --></ span >
1674
- < span class ="hljs-tag "> </< span class ="hljs-title "> div</ span > ></ span >
1674
+ < span class ="hljs-tag "> </< span class ="hljs-name "> div</ span > ></ span >
1675
1675
</ code > </ pre >
1676
1676
< p > or do it programmatically using < code > .columns()</ code > .</ p >
1677
1677
@@ -1986,7 +1986,7 @@ <h4 id="geo-choropleth-chart">Geo Choropleth Chart</h4>
1986
1986
1987
1987
</ div >
1988
1988
1989
- < div class ="content "> < div class ='highlight '> < pre > .colorDomain([- < span class ="hljs-number "> 5</ span > , < span class ="hljs-number "> 200</ span > ])</ pre > </ div > </ div >
1989
+ < div class ="content "> < div class ='highlight '> < pre > .colorDomain([< span class ="hljs-number "> - 5</ span > , < span class ="hljs-number "> 200</ span > ])</ pre > </ div > </ div >
1990
1990
1991
1991
</ li >
1992
1992
@@ -2226,7 +2226,7 @@ <h4 id="bubble-overlay-chart">Bubble Overlay Chart</h4>
2226
2226
2227
2227
</ div >
2228
2228
2229
- < div class ="content "> < div class ='highlight '> < pre > .colorDomain([- < span class ="hljs-number "> 5</ span > , < span class ="hljs-number "> 200</ span > ])</ pre > </ div > </ div >
2229
+ < div class ="content "> < div class ='highlight '> < pre > .colorDomain([< span class ="hljs-number "> - 5</ span > , < span class ="hljs-number "> 200</ span > ])</ pre > </ div > </ div >
2230
2230
2231
2231
</ li >
2232
2232
0 commit comments