Skip to content

Commit

Permalink
[fix] togglegroup api, complete what's new 8.2
Browse files Browse the repository at this point in the history
  • Loading branch information
mafanya23 committed Aug 23, 2023
2 parents 162fe84 + 1711132 commit 12163c9
Show file tree
Hide file tree
Showing 6 changed files with 76 additions and 46 deletions.
36 changes: 23 additions & 13 deletions docs/chart/api/chart_series_config.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,30 +12,40 @@ description: You can explore the series config of Chart in the documentation of

@example:
const chart = new dhx.Chart("chart_container", {
type:"bar",
type: "bar",
scales: {
"bottom" : {
"bottom": {
text: "month"
},
"left" : {}
"left": {
maxTicks: 10,
max: 100,
min: 0
}
},
series: [
{
id: "A",
value: "company A",
fill: "#394E79",
stacked: stacked,
color: "none"
value: "A",
color: "#81C4E8",
fill: "#81C4E8",
label: "Company A",
},
{
id: "B",
value:"company B",
fill: "#5E83BA",
stacked: stacked,
color: "none"
value: "B",
color: "#74A2E7",
fill: "#74A2E7",
label: ({ id }) => `Company ${id}`,
},
{
id: "C",
value: "company C",
color: "#5E83BA",
fill: "#5E83BA"
}
]
});
};

@descr:

Expand Down Expand Up @@ -87,7 +97,7 @@ series: [
</tr>
<tr>
<td><b>label</b></td>
<td>(optional) allows setting the text of the series legend. If not set, the value of the <b>value</b> property is used as a legend's text. The config can be defined as a string or as a function that takes the current series configuration as an argument and returns a string</td>
<td>(optional) allows setting the text of the series legend. If the label isn't set, the value of the <b>value</b> property is used as a legend's text. The config can be defined as a string or as a function that takes the current series configuration as an argument and returns a string</td>
</tr>
<tr>
<td><b>active</b></td>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,27 +24,27 @@ The **properties** object of the **ToggleGroup** control looks like:

~~~js
{
css: "",
full: false,
gap: 0,
height: "content",
multiselection: false,
options: {...},
padding: 0,
width: "content"
css: string,
full: boolean,
gap: number,
height: string | number|"content",
multiselection: boolean,
options: object[],
padding: string | number,
width: string|number|"content"
}
~~~

The **properties** object object of a **toggle** of the **ToggleGroup** control looks like:

~~~js
{
full: false,
icon: "",
offIcon: "",
offText: "",
text: "Toggle 1",
value: 1
full: boolean,
icon: string,
offIcon: string,
offText: string,
text: string,
value: string | number
}
~~~

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -28,27 +28,27 @@ The **properties** object of the **ToggleGroup** control looks like:

~~~js
{
css: "",
full: false,
gap: 0,
height: "content",
multiselection: false,
options: {...},
padding: 0,
width: "content"
css: string,
full: boolean,
gap: number,
height: string | number|"content",
multiselection: boolean,
options: object[],
padding: string | number,
width: string|number|"content"
}
~~~

The **properties** object object of a **toggle** of the **ToggleGroup** control looks like:

~~~js
{
full: false,
icon: "",
offIcon: "",
offText: "",
text: "Toggle 1",
value: 1
full: boolean,
icon: string,
offIcon: string,
offText: string,
text: string,
value: string | number
}
~~~

Expand Down
2 changes: 1 addition & 1 deletion docs/form/api/togglegroup/togglegroup_setvalue_method.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: You can explore the setValue method of the Toggle Group control of

@short: defines the state of the option's elements

@signature: {'setValue(value: {[id: string]: boolean }): void | boolean;'}
@signature: {'setValue(value: {[id: string]: boolean }): void;'}

@params:

Expand Down
6 changes: 3 additions & 3 deletions docs/form/togglegroup.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,15 @@ const form = new dhx.Form("form_container", {
gap: 4,
options: [
{
name: "left",
id: "left",
icon: "dxi dxi-format-align-left",
},
{
name: "center",
id: "center",
icon: "dxi dxi-format-align-center",
},
{
name: "right",
id: "right",
icon: "dxi dxi-format-align-right",
},
]
Expand Down
22 changes: 21 additions & 1 deletion docs/whatsnew.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Before updating DHTMLX to the latest version, please check the [Migration to New
Version 8.2
-------------

Released on August 24, 2023
Released on August 28, 2023

<a href="https://dhtmlx.com/blog/dhtmlx-suite-8-2/" target="_blank">Review of the release on the blog</a>

Expand Down Expand Up @@ -57,7 +57,27 @@ Released on August 24, 2023
- Grid/TreeGrid. Fix the issue with incorrect header tooltip rendering due to the use of a colspan
- Grid/TreeGrid. Fix the issue with incorrect displaying of header spans in the fixed columns
- Toolbar. Fix the problem with not displaying the expand triangle icon on adding sub-items into an element placed lower than the second level
- Grid/TreeGrid. Fix the incorrect calculation of the row autoHeight

Version 8.1.10
---------------

Released on August 21, 2023

- Combobox. Fix the issue with the default icon of an option (set via the "src" or "icon" properties) not displayed in the input field
- Toolbar. Fix the problem with the setState() method not applying a value for DatePicker

Version 8.1.9
---------------

Released on August 14, 2023

### Fixes

- Grid/TreeGrid. Fix the issue with a colspan breaking in case of hiding several of its columns
- Grid/TreeGrid. Fix the issue with the Input filter operating with the formatted numeric value instead of the original one
- Grid/TreeGrid. Fix incorrect export of boolean values to PDF/PNG
- Grid/TreeGrid. Fix incorrect work of the autoHeight property that resulted in not displaying multi-line data in cells

Version 8.1.8
---------------
Expand Down

0 comments on commit 12163c9

Please sign in to comment.