Skip to content

Commit 9e5936b

Browse files
committed
Revert "image renamed"
This reverts commit 8c2754f.
1 parent 65da4d0 commit 9e5936b

File tree

2 files changed

+26
-26
lines changed

2 files changed

+26
-26
lines changed

angular/Chart/Legend.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Legend in Angular Chart Control | Syncfusion
4-
description: Learn here all about Legend support in Syncfusion Essential Angular Chart control, its elements, and more
3+
title: Chart legend
4+
description: How to cutomize the legend in Essential Angular Chart.
55
platform: Angular
66
control: Chart
77
documentation: ug
88
---
99

10-
# Legend in Angular Chart
10+
# Legend
1111

1212
The legend contains the list of chart series and Trendlines that appear in a chart.
1313

@@ -22,7 +22,7 @@ By default, the legend is enabled in the chart. You can enable or disable it by
2222

2323
{% endhighlight %}
2424

25-
![Angular Chart legend visibility](Legend_images/Legend_img1.png)
25+
![](Legend_images/Legend_img1.png)
2626

2727
## Legend title
2828

@@ -35,7 +35,7 @@ To add the title to the legend, you have to specify the `legend.title.text` opti
3535

3636
{% endhighlight %}
3737

38-
![Angular Chart legend title](Legend_images/Legend_img2.png)
38+
![](Legend_images/Legend_img2.png)
3939

4040

4141
## Position and Align the Legend
@@ -49,7 +49,7 @@ By using the `position` option, you can position the legend at *left*, *right*,
4949

5050
{% endhighlight %}
5151

52-
![Angular Chart position and align the legend](Legend_images/Legend_img3.png)
52+
![](Legend_images/Legend_img3.png)
5353

5454
**Legend Alignment**
5555

@@ -62,7 +62,7 @@ You can align the legend to the *center*, *far* or *near* based on its position
6262

6363
{% endhighlight %}
6464

65-
![Angular Chart legend alignment](Legend_images/Legend_img4.png)
65+
![](Legend_images/Legend_img4.png)
6666

6767

6868
## Arrange legend items in the rows and columns
@@ -85,7 +85,7 @@ You can arrange the legend items horizontally and vertically by using the `rowCo
8585

8686
{% endhighlight %}
8787

88-
![Angular Chart arrange legend items in the rows and column](Legend_images/Legend_img5.png)
88+
![](Legend_images/Legend_img5.png)
8989

9090

9191
## Customization
@@ -101,7 +101,7 @@ To change the legend icon shape, you have to specify the shape in the `shape` pr
101101

102102
{% endhighlight %}
103103

104-
![Angular Chart customization](Legend_images/Legend_img6.png)
104+
![](Legend_images/Legend_img6.png)
105105

106106

107107
### Legend items size and border
@@ -117,7 +117,7 @@ You can change the size of the legend items by using the `itemStyle.width` and `
117117

118118
{% endhighlight %}
119119

120-
![Angular Chart legend shape](Legend_images/Legend_img7.png)
120+
![](Legend_images/Legend_img7.png)
121121

122122
### Legend size
123123

@@ -130,7 +130,7 @@ By default, legend takes 20% of the **height** horizontally when it was placed o
130130

131131
{% endhighlight %}
132132

133-
![Angular Chart legend size](Legend_images/Legend_img8.png)
133+
![](Legend_images/Legend_img8.png)
134134

135135

136136
### Legend Item Padding
@@ -144,7 +144,7 @@ You can control the spacing between the legend items by using the `itemPadding`
144144

145145
{% endhighlight %}
146146

147-
![Angular Chart legend item padding](Legend_images/Legend_img9.png)
147+
![](Legend_images/Legend_img9.png)
148148

149149
### Legend border
150150

@@ -157,7 +157,7 @@ You can customize the legend border by using the `border` option in the legend.
157157

158158
{% endhighlight %}
159159

160-
![Angular Chart legend border](Legend_images/Legend_img10.png)
160+
![](Legend_images/Legend_img10.png)
161161

162162
### Scrollbar for legend
163163

@@ -171,7 +171,7 @@ You can enable or disable the legend scrollbar by using the `enableScrollbar` op
171171

172172
{% endhighlight %}
173173

174-
![Angular Chart scrollbar for legend](Legend_images/Legend_img11.png)
174+
![](Legend_images/Legend_img11.png)
175175

176176
### Customize the legend text
177177

@@ -192,7 +192,7 @@ this.titleFont= { fontFamily: 'Segoe UI', fontStyle: 'Italic',
192192

193193
{% endhighlight %}
194194

195-
![Angular Chart customize the legend text](Legend_images/Legend_img12.png)
195+
![](Legend_images/Legend_img12.png)
196196

197197
### LegendItems Text Overflow
198198

@@ -207,20 +207,20 @@ You can trim the legend item text when its width exceeds the `legend.textWidth`,
207207

208208
{% endhighlight %}
209209

210-
![Angular Chart legend items text overflow](Legend_images/Legend_img13.png)
210+
![](Legend_images/Legend_img13.png)
211211

212212

213213
**Wrap**
214214

215215
By specifying `textOverflow` as **"wrap"**, you can wrap the legend text by word.
216216

217-
![Angular Chart wrap](Legend_images/Legend_img14.png)
217+
![](Legend_images/Legend_img14.png)
218218

219219
**WrapAndTrim**
220220

221221
You can wrap and trim the legend text by specifying `textOverflow` as **"wrapAndTrim"**. The original text will be displayed on mouse hover.
222222

223-
![Angular Chart wrap and trim](Legend_images/Legend_img15.png)
223+
![](Legend_images/Legend_img15.png)
224224

225225

226226
## Handle the legend item clicked
@@ -253,7 +253,7 @@ You can select a specific series or point while clicking on the corresponding le
253253

254254
{% endhighlight %}
255255

256-
![Angular Chart series selection on legend item click](Legend_images/Legend_img16.png)
256+
![](Legend_images/Legend_img16.png)
257257

258258

259259

@@ -276,4 +276,4 @@ You can collapse the specific series/point legend item displaying in the chart,
276276

277277
{% endhighlight %}
278278

279-
![Angular Chart collapsing legend item](Legend_images/Legend_img17.png)
279+
![](Legend_images/Legend_img17.png)

angular/Grid/Print-Grid.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Print in Angular Grid Control | Syncfusion
4-
description: Learn here all about print support in Syncfusion Essential Angular Grid control, its elements, and more.
3+
title: Print with Grid widget for Syncfusion Angular-2
4+
description: How to enable print option in Grid
55
platform: Angular
66
control: Grid
77
documentation: ug
88
api: /api/angular/ejgrid
99
---
10-
# Print in Angular Grid
10+
# Print
1111

1212
You need to use [`print()`](https://help.syncfusion.com/api/angular/ejgrid#methods:print) method from Grid instance to print the Grid. You can add Print option in Toolbar item by adding `ej.Grid.ToolBarItems.PrintGrid` in [`toolbarItems`](https://help.syncfusion.com/api/angular/grid#members:toolbarsettings-toolbaritems).
1313

@@ -52,7 +52,7 @@ export class GridComponent {
5252
{% endhighlight %}
5353

5454

55-
![Angular Grid print](Print-Grid_images/Print_img1.png)
55+
![](Print-Grid_images/Print_img1.png)
5656

5757

5858
## Page Setup
@@ -110,12 +110,12 @@ export class GridComponent {
110110

111111
{% endhighlight %}
112112

113-
![Angular Grid page setup](Print-Grid_images/Print_img2.png)
113+
![](Print-Grid_images/Print_img2.png)
114114

115115
{:caption}
116116
Grid with external button for Print
117117

118-
![Angular Grid Print visible page](Print-Grid_images/Print_img3.png)
118+
![](Print-Grid_images/Print_img3.png)
119119
{:caption}
120120

121121
Print dialog in Chrome browser

0 commit comments

Comments
 (0)