Additional or standalone xAxis in anychartsHighcharts - second xAxis labels are not displayedHighstock - custom x axis labels or force x axis labels for specific formatHighcharts update xAxis category when calling series.setDataDates on xaxis with highchartsECharts - enable tooltip for every data point, but skip xAxis labelsHighcharts Line Chart - Highlight xAxis labels on point hoverUnable to get date xAxis working with unix timestampExtend xAxis with no point on edges in nvd3show empty data points on anychart line graph with dateTime axisAnyChart Background Color While Loading
Is it better to deliver many low-value stories or few high-value stories?
Can a warlock shoot multiple beams from the Eldritch Blast cantrip with only a single free hand?
What kind of vegetable has pink and white concentric rings?
How does mathematics work?
Do I care if the housing market has gone up or down, if I'm moving from one house to another?
Did Don Young threaten John Boehner with a 10 inch blade to the throat?
What are "the high ends of castles" called?
Killing a star safely
Stellen - Putting, or putting away?
How often should alkaline batteries be checked when they are in a device?
Would using carbon dioxide as fuel work to reduce the greenhouse effect?
How can I deal with someone that wants to kill something that isn't supposed to be killed?
What is a "staved" town, like in "Staverton"?
Which dice game has a board with 9x9 squares that has different colors on the diagonals and midway on some edges?
Counterexample finite intersection property
How can I disable a reserved profile?
Function pointer parameter without asterisk
Facebook video calling problem in Safari
My current job follows "worst practices". How can I talk about my experience in an interview without giving off red flags?
Why is DC so, so, so Democratic?
Book in which the "mountain" in the distance was a hole in the flat world
Calculating Fibonacci sequence in several different ways
Considerations when providing money to only one child out of two
Cargo capacity of a kayak
Additional or standalone xAxis in anycharts
Highcharts - second xAxis labels are not displayedHighstock - custom x axis labels or force x axis labels for specific formatHighcharts update xAxis category when calling series.setDataDates on xaxis with highchartsECharts - enable tooltip for every data point, but skip xAxis labelsHighcharts Line Chart - Highlight xAxis labels on point hoverUnable to get date xAxis working with unix timestampExtend xAxis with no point on edges in nvd3show empty data points on anychart line graph with dateTime axisAnyChart Background Color While Loading
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
-1
I need to display a second xAxis on my chart but with different labels. I managed to display a second xAxis by using chart.xAxis(1) but did not managed to change the labels of the second axis. The second xAxis has the labels of the first.
A standalone xAxis may be a solution but there is no documentation on that now (https://docs.anychart.com/Dashboards/Standalones#axes).
How do I change the labels of the second xAxis?
Edit: I have an array (["2019-02-18", "2019-02-25"], for example) that I want to set as labels of xAxis.
javascript
angular anychart edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
add a comment |
-1
I need to display a second xAxis on my chart but with different labels. I managed to display a second xAxis by using chart.xAxis(1) but did not managed to change the labels of the second axis. The second xAxis has the labels of the first.
A standalone xAxis may be a solution but there is no documentation on that now (https://docs.anychart.com/Dashboards/Standalones#axes).
How do I change the labels of the second xAxis?
Edit: I have an array (["2019-02-18", "2019-02-25"], for example) that I want to set as labels of xAxis.
javascript
angular anychart edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
add a comment |
-1
-1
-1
I need to display a second xAxis on my chart but with different labels. I managed to display a second xAxis by using chart.xAxis(1) but did not managed to change the labels of the second axis. The second xAxis has the labels of the first.
A standalone xAxis may be a solution but there is no documentation on that now (https://docs.anychart.com/Dashboards/Standalones#axes).
How do I change the labels of the second xAxis?
Edit: I have an array (["2019-02-18", "2019-02-25"], for example) that I want to set as labels of xAxis.
javascript
angular anychart edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
I need to display a second xAxis on my chart but with different labels. I managed to display a second xAxis by using chart.xAxis(1) but did not managed to change the labels of the second axis. The second xAxis has the labels of the first.
A standalone xAxis may be a solution but there is no documentation on that now (https://docs.anychart.com/Dashboards/Standalones#axes).
How do I change the labels of the second xAxis?
Edit: I have an array (["2019-02-18", "2019-02-25"], for example) that I want to set as labels of xAxis.
javascript
angular anychart javascript
angular anychart edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
edited Mar 26 at 13:36
Akber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
5,5926 gold badges17 silver badges33 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
asked Mar 25 at 9:55
QuentinQuentin
83 bronze badges
83 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
The demo below can help... more information here
UPDATE: set the extra x-axis and changed the labels afterwards as per questioner's comment.
anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55335159%2fadditional-or-standalone-xaxis-in-anycharts%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
The demo below can help... more information here
UPDATE: set the extra x-axis and changed the labels afterwards as per questioner's comment.
anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
add a comment |
0
The demo below can help... more information here
UPDATE: set the extra x-axis and changed the labels afterwards as per questioner's comment.
anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
add a comment |
0
0
0
The demo below can help... more information here
UPDATE: set the extra x-axis and changed the labels afterwards as per questioner's comment.
anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
The demo below can help... more information here
UPDATE: set the extra x-axis and changed the labels afterwards as per questioner's comment.
anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>anychart.onDocumentReady(function()
// JSON data
var json =
// chart settings
"chart":
// chart type
"type": "column",
// set chart title
"title": "JSON Data Set. Multiple Series",
// series settings
"series": [
"seriesType": "line",
// first series data
"data": [
"x": "P1", "value": "128.14" ,
"x": "P2", "value": "112.61" ,
"x": "P3", "value": "163.21" ,
"x": "P4", "value": "229.98" ,
"x": "P5", "value": "90.54"
]
,
"seriesType": "line",
// second series data
"data": [
"x": "P1", "value": "290.54" ,
"x": "P2", "value": "604.19" ,
"x": "P3", "value": "650.67" ,
"x": "P4", "value": "620.43" ,
"x": "P5", "value": "600.34"
]
],
// chart container
"container": "container"
;
// get JSON data
var chart = anychart.fromJson(json);
// draw chart
chart.draw();
chart.xAxis().title("Basic X Axis");
chart.xAxis().labels().format(val =>
switch (val.value)
case 'P1':
return '2000 Jan';
case 'P2':
return '2000 Feb';
case 'P3':
return '2000 Mar';
case 'P4':
return '2000 Apr';
case 'P5':
return '2000 May';
default:
return val.value;
)
chart.xAxis(1).title("Extra X Axis");
chart.xAxis(1).labels().format(val =>
switch (val.value)
case 'P1':
return '2001 Jan';
case 'P2':
return '2001 Feb';
case 'P3':
return '2001 Mar';
case 'P4':
return '2001 Apr';
case 'P5':
return '2001 May';
default:
return val.value;
)
);html,
body,
#container
width: 100%;
height: 100%;
margin: 0;
padding: 0;
<script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
<script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
<link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.css" rel="stylesheet" />
<link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" rel="stylesheet" />
<div id="container"></div>answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
edited Mar 26 at 4:58
answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
answered Mar 25 at 10:24
Akber IqbalAkber Iqbal
5,5926 gold badges17 silver badges33 bronze badges
5,5926 gold badges17 silver badges33 bronze badges
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
add a comment |
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
Hello, this is not exactly my problem. Perhaps this can clarify it : playground.anychart.com/xgZlVbuC What I would like is to set the labels of the second axis using the labels of the second array and not having the labels of the first series on it
– Quentin
Mar 25 at 12:43
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
@Quentin, kindly check now and let me know if it works for you...
– Akber Iqbal
Mar 26 at 4:58
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Sorry for the late response. it works well. Thanks !
– Quentin
Apr 1 at 8:08
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
Glad that it worked for you, would appreciate a vote up also :)
– Akber Iqbal
Apr 1 at 10:54
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55335159%2fadditional-or-standalone-xaxis-in-anycharts%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
