add subtitle property and simple prototype

emilykl · emilykl · commit 24ed9c96c184 · 2024-06-17T14:52:24.000-04:00
diff --git a/src/components/titles/index.js b/src/components/titles/index.js
@@ -75,6 +75,18 @@ function draw(gd, titleClass, options) {
     var fontLineposition = font.lineposition;
     var fontShadow = font.shadow;
 
+    // Get subtitle properties
+    var subtitle = cont.title.subtitle;
+    var subtitleTxt = (subtitle && subtitle.text ? subtitle.text : '').trim();
+    console.log({
+        titleTxt: txt,
+        subtitleTxt: subtitleTxt,
+    });
+    // Prototype for subtitle: Use HTML tags to tack subtitle onto title
+    if(subtitleTxt) {
+        txt = txt + '<br><sub>' + subtitleTxt + '</sub>';
+    }
+
     // only make this title editable if we positively identify its property
     // as one that has editing enabled.
     var editAttr;
diff --git a/src/plots/layout_attributes.js b/src/plots/layout_attributes.js
@@ -20,6 +20,7 @@ globalFont.family.dflt = '"Open Sans", verdana, arial, sans-serif';
 globalFont.size.dflt = 12;
 globalFont.color.dflt = colorAttrs.defaultLine;
 
+
 module.exports = {
     font: globalFont,
     title: {
@@ -41,6 +42,18 @@ module.exports = {
                 'by the now deprecated `titlefont` attribute.'
             ].join(' ')
         }),
+        subtitle: {
+            text: {
+                valType: 'string',
+                editType: 'layoutstyle',
+                description: 'Sets the plot\'s subtitle.'
+            },
+            font: fontAttrs({
+                editType: 'layoutstyle',
+                description: 'Sets the subtitle font.'
+            }),
+            editType: 'layoutstyle',
+        },
         xref: {
             valType: 'enumerated',
             dflt: 'container',
