Set Cartesian axis attributes via template

src/plots/cartesian/axis_defaults.js

@@ -51,7 +51,7 @@ module.exports = function handleAxisDefaults(containerIn, containerOut, coerce,
 
  var visible = coerce('visible', !options.visibleDflt);
 
- var axType = containerOut.type;
+ var axType = containerOut.type || options.axTemplate.type || '-';
 
  if(axType === 'date') {
  var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleDefaults');
@@ -105,10 +105,10 @@ module.exports = function handleAxisDefaults(containerIn, containerOut, coerce,
 
  if(options.automargin) coerce('automargin');
 
- var isMultiCategory = containerOut.type === 'multicategory';
+ var isMultiCategory = axType === 'multicategory';
 
  if(!options.noTickson &&
- (containerOut.type === 'category' || isMultiCategory) &&
+ (axType === 'category' || isMultiCategory) &&
  (containerOut.ticks || containerOut.showgrid)
  ) {
  var ticksonDflt;
@@ -124,8 +124,10 @@ module.exports = function handleAxisDefaults(containerIn, containerOut, coerce,
  }
  }
 
- if(containerOut.type === 'date') {
- var rangebreaks = containerIn.rangebreaks;
+ if(axType === 'date') {
+ var fromTemplate = (options.axTemplate || {}).rangebreaks;
+ var rangebreaks = containerIn.rangebreaks || fromTemplate;
+
  if(Array.isArray(rangebreaks) && rangebreaks.length) {
  handleArrayContainerDefaults(containerIn, containerOut, {
  name: 'rangebreaks',

src/plots/cartesian/layout_defaults.js

@@ -230,7 +230,13 @@ module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
  axHasImage[axName]
  ));
 
+ var axTemplate;
+ if(Lib.isPlainObject(layoutOut._template)) {
+ axTemplate = layoutOut._template[axLayoutOut._name];
+ }
+
  var defaultOptions = {
+ axTemplate: axTemplate || {},
  letter: axLetter,
  font: layoutOut.font,
  outerTicks: outerTicks[axName],
@@ -295,7 +301,13 @@ module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
  axLayoutOut = Template.newContainer(layoutOut, axName, axLetter + 'axis');
  newAxLayoutOut();
 
+ var axTemplate2;
+ if(Lib.isPlainObject(layoutOut._template)) {
+ axTemplate2 = layoutOut._template[axLayoutOut._name];
+ }
+
  var defaultOptions2 = {
+ axTemplate: axTemplate2 || {},
  letter: axLetter,
  font: layoutOut.font,
  outerTicks: outerTicks[axName],

src/plots/cartesian/tick_label_defaults.js

@@ -59,7 +59,9 @@ function handleOtherDefaults(containerIn, containerOut, coerce, axType, options)
 
  if(axType !== 'category') {
  var tickFormat = coerce('tickformat');
- var tickformatStops = containerIn.tickformatstops;
+ var fromTemplate = (options.axTemplate || {}).tickformatstops;
+ var tickformatStops = containerIn.tickformatstops || fromTemplate;
+
  if(Array.isArray(tickformatStops) && tickformatStops.length) {
  handleArrayContainerDefaults(containerIn, containerOut, {
  name: 'tickformatstops',

test/jasmine/tests/axes_test.js

@@ -5411,3 +5411,51 @@ describe('Test tickformatstops:', function() {
  .then(done);
  });
 });
+
+describe('Test template:', function() {
+ 'use strict';
+
+ var gd;
+ beforeEach(function() {
+ gd = createGraphDiv();
+ });
+ afterEach(destroyGraphDiv);
+
+ it('apply axis *type*, *rangebreaks* and *tickformatstops* from template', function(done) {
+ Plotly.newPlot(gd, {
+ data: [{
+ x: [1e10, 2e10, 3e10, 4e10, 5e10, 6e10, 7e10],
+ y: [1, 2, 3, 4, 5, 6, 7]
+ }],
+ layout: {
+ template: {
+ layout: {
+ xaxis: {
+ type: 'date',
+ rangebreaks: [{
+ name: 'name1', // N.B. should provide name
+ bounds: ['sat', 'mon']
+ }],
+ tickformatstops: [{
+ name: 'name2', // N.B. should provide name
+ enabled: true,
+ dtickrange: [1000, 60000],
+ value: '%H:%M:%S s'
+ }]
+ }
+ }
+ }
+ }
+ })
+ .then(function() {
+ var xaxis = gd._fullLayout.xaxis;
+ expect(xaxis.type).toBe('date');
+ expect(xaxis.rangebreaks).not.toBe(undefined, 'rangebreaks');
+ expect(xaxis.rangebreaks.length).toBe(1);
+ expect(xaxis.tickformatstops).not.toBe(undefined, 'tickformatstops');
+ expect(xaxis.tickformatstops.length).toBe(1);
+ })
+ .catch(failTest)
+ .then(done);
+ });
+});