diff --git a/_posts/plotly_js/basic/bar/2015-07-08-colored-and-styled-bar-chart.html b/_posts/plotly_js/basic/bar/2015-07-08-colored-and-styled-bar-chart.html index ae3485aa0..59d4b65b6 100644 --- a/_posts/plotly_js/basic/bar/2015-07-08-colored-and-styled-bar-chart.html +++ b/_posts/plotly_js/basic/bar/2015-07-08-colored-and-styled-bar-chart.html @@ -32,10 +32,12 @@ color: 'rgb(107, 107, 107)' }}, yaxis: { - title: 'USD (millions)', - titlefont: { - size: 16, - color: 'rgb(107, 107, 107)' + title: { + text: 'USD (millions)', + font: { + size: 16, + color: 'rgb(107, 107, 107)' + } }, tickfont: { size: 14, diff --git a/_posts/plotly_js/basic/dot/2015-08-11-categorical-dot-plot.html b/_posts/plotly_js/basic/dot/2015-08-11-categorical-dot-plot.html index cd1369a52..65b38fb1a 100644 --- a/_posts/plotly_js/basic/dot/2015-08-11-categorical-dot-plot.html +++ b/_posts/plotly_js/basic/dot/2015-08-11-categorical-dot-plot.html @@ -48,16 +48,16 @@ var data = [trace1, trace2]; var layout = { - title: 'Votes cast for ten lowest voting age population in OECD countries', + title: { + text: 'Votes cast for ten lowest voting age population in OECD countries', + font: { + color: 'rgb(204, 204, 204)' + } + }, xaxis: { showgrid: false, showline: true, linecolor: 'rgb(102, 102, 102)', - titlefont: { - font: { - color: 'rgb(204, 204, 204)' - } - }, tickfont: { font: { color: 'rgb(102, 102, 102)' diff --git a/_posts/plotly_js/fundamentals/axes/2015-04-09-axes-labels.html b/_posts/plotly_js/fundamentals/axes/2015-04-09-axes-labels.html index ade4d2c7c..e3ba4cc0b 100755 --- a/_posts/plotly_js/fundamentals/axes/2015-04-09-axes-labels.html +++ b/_posts/plotly_js/fundamentals/axes/2015-04-09-axes-labels.html @@ -30,13 +30,15 @@ var data = [trace]; var layout = { - title: 'Volume of Apple Shares Traded', + title: {text: 'Volume of Apple Shares Traded'}, xaxis: { - title: 'AXIS TITLE', - titlefont: { - family: 'Arial, sans-serif', - size: 18, - color: 'lightgrey' + title: { + text: 'AXIS TITLE', + font: { + family: 'Arial, sans-serif', + size: 18, + color: 'lightgrey' + } }, showticklabels: true, tickangle: 'auto', @@ -49,11 +51,13 @@ showexponent: 'all' }, yaxis: { - title: 'AXIS TITLE', - titlefont: { - family: 'Arial, sans-serif', - size: 18, - color: 'lightgrey' + title: { + text: 'AXIS TITLE', + font: { + family: 'Arial, sans-serif', + size: 18, + color: 'lightgrey' + } }, showticklabels: true, tickangle: 45, diff --git a/_posts/plotly_js/fundamentals/sizing/2018-10-08-automargin.html b/_posts/plotly_js/fundamentals/sizing/2018-10-08-automargin.html index ba80a0d4e..bdc997ece 100755 --- a/_posts/plotly_js/fundamentals/sizing/2018-10-08-automargin.html +++ b/_posts/plotly_js/fundamentals/sizing/2018-10-08-automargin.html @@ -20,12 +20,14 @@ width: 500, height: 500, yaxis: { - title: 'Y-axis Title', + title: { + text: 'Y-axis Title', + font: { size: 30 } + }, ticktext: ['long label','Very long label','3','label'], tickvals: [1, 2, 3, 4], tickmode: 'array', automargin: true, - titlefont: { size:30 }, }, paper_bgcolor: '#7f7f7f', plot_bgcolor: '#c7c7c7' diff --git a/_posts/plotly_js/maps/scatter-plot-on-maps/2015-07-11-canadian-cities.html b/_posts/plotly_js/maps/scatter-plot-on-maps/2015-07-11-canadian-cities.html index 4808ea40a..40535e0c0 100755 --- a/_posts/plotly_js/maps/scatter-plot-on-maps/2015-07-11-canadian-cities.html +++ b/_posts/plotly_js/maps/scatter-plot-on-maps/2015-07-11-canadian-cities.html @@ -39,13 +39,12 @@ }]; var layout = { - title: 'Canadian cities', - font: { - family: 'Droid Serif, serif', - size: 6 - }, - titlefont: { - size: 16 + title: { + text: 'Canadian cities', + font: { + family: 'Droid Serif, serif', + size: 16 + } }, geo: { scope: 'north america', diff --git a/_posts/plotly_js/maps/scatter-plot-on-maps/2015-08-15-north-america-percipitation-map.html b/_posts/plotly_js/maps/scatter-plot-on-maps/2015-08-15-north-america-percipitation-map.html index 19af2d0f7..63db21a14 100644 --- a/_posts/plotly_js/maps/scatter-plot-on-maps/2015-08-15-north-america-percipitation-map.html +++ b/_posts/plotly_js/maps/scatter-plot-on-maps/2015-08-15-north-america-percipitation-map.html @@ -29,7 +29,9 @@ size: 2, colorbar:{ thickness: 10, - titleside: 'right', + title: {side: + 'right' + }, outlinecolor: 'rgba(68,68,68,0)', ticks: 'outside', ticklen: 3, diff --git a/_posts/plotly_js/maps/scattermapbox/2017-08-01-scattermapbox_colorscale.html b/_posts/plotly_js/maps/scattermapbox/2017-08-01-scattermapbox_colorscale.html index e875106d8..9696a6a34 100644 --- a/_posts/plotly_js/maps/scattermapbox/2017-08-01-scattermapbox_colorscale.html +++ b/_posts/plotly_js/maps/scattermapbox/2017-08-01-scattermapbox_colorscale.html @@ -30,7 +30,9 @@ size: 3, colorbar:{ thickness: 10, - titleside: 'right', + title: {side: + 'right' + }, outlinecolor: 'rgba(68,68,68,0)', ticks: 'outside', ticklen: 3, diff --git a/_posts/plotly_js/scientific/carpet-contour/2017-05-16-mulitple_contourcarpet.html b/_posts/plotly_js/scientific/carpet-contour/2017-05-16-mulitple_contourcarpet.html index acc6de02b..43a50bf24 100644 --- a/_posts/plotly_js/scientific/carpet-contour/2017-05-16-mulitple_contourcarpet.html +++ b/_posts/plotly_js/scientific/carpet-contour/2017-05-16-mulitple_contourcarpet.html @@ -49,7 +49,9 @@ colorbar: { y: 0, yanchor: "bottom", - titleside: "right", + title: {side: + 'right' + }, len: 0.75, title: "Pressure coefficient, cp" }, diff --git a/_posts/plotly_js/scientific/contour/2015-08-12-color-bar-title.html b/_posts/plotly_js/scientific/contour/2015-08-12-color-bar-title.html index c4a852832..63ef1bbe6 100644 --- a/_posts/plotly_js/scientific/contour/2015-08-12-color-bar-title.html +++ b/_posts/plotly_js/scientific/contour/2015-08-12-color-bar-title.html @@ -14,11 +14,13 @@ [0, 0.625, 2.5, 5.625, 10]], type: 'contour', colorbar:{ - title: 'Color Bar Title', - titleside: 'right', - titlefont: { - size: 14, - family: 'Arial, sans-serif' + title: { + text: 'Color Bar Title', + side: 'right', + font: { + size: 14, + family: 'Arial, sans-serif' + } } } }]; diff --git a/_posts/plotly_js/scientific/ternary-plots/2016-04-13-basic-ternary-plot.html b/_posts/plotly_js/scientific/ternary-plots/2016-04-13-basic-ternary-plot.html index 8e70bc05f..1043b2312 100644 --- a/_posts/plotly_js/scientific/ternary-plots/2016-04-13-basic-ternary-plot.html +++ b/_posts/plotly_js/scientific/ternary-plots/2016-04-13-basic-ternary-plot.html @@ -55,13 +55,19 @@ function makeAxis(title, tickangle) { return { - title: title, - titlefont: { size: 20 }, - tickangle: tickangle, - tickfont: { size: 15 }, - tickcolor: 'rgba(0,0,0,0)', - ticklen: 5, - showline: true, - showgrid: true + title: { + text: title, + font: { + size: 20 + } + }, + tickangle: tickangle, + tickfont: { + size: 15 + }, + tickcolor: 'rgba(0,0,0,0)', + ticklen: 5, + showline: true, + showgrid: true }; } diff --git a/_posts/plotly_js/statistical/error-bar/2015-04-09-error-bar-style.html b/_posts/plotly_js/statistical/error-bar/2015-04-09-error-bar-style.html index bdfb5180a..0b76dfce6 100755 --- a/_posts/plotly_js/statistical/error-bar/2015-04-09-error-bar-style.html +++ b/_posts/plotly_js/statistical/error-bar/2015-04-09-error-bar-style.html @@ -31,7 +31,6 @@ color: '#85144B', thickness: 1.5, width: 3, - opacity: 1 }, error_x: { type: 'constant', @@ -39,7 +38,6 @@ color: '#85144B', thickness: 1.5, width: 3, - opacity: 1 }, marker: { color: '#85144B', diff --git a/_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html b/_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html index 1ad5aeacc..2a2e5905a 100644 --- a/_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html +++ b/_posts/plotly_js/statistical/splom/2018-05-23-diabetes.html @@ -37,7 +37,7 @@ gridcolor:'#ffff', ticklen:2, tickfont:{size:10}, - titlefont:{size:12} + title:{font:{size:12}} }) var data = [{ diff --git a/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-double.html b/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-double.html index a7156be88..8eed0bc93 100755 --- a/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-double.html +++ b/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-double.html @@ -24,11 +24,17 @@ var data = [trace1, trace2]; var layout = { - title: 'Double Y Axis Example', - yaxis: {title: 'yaxis title'}, + title: {text: 'Double Y Axis Example'}, + yaxis: { + title: { + text: 'yaxis title' + } + }, yaxis2: { - title: 'yaxis2 title', - titlefont: {color: 'rgb(148, 103, 189)'}, + title: { + text: 'yaxis2 title', + font: {color: 'rgb(148, 103, 189)'} + }, tickfont: {color: 'rgb(148, 103, 189)'}, overlaying: 'y', side: 'right' diff --git a/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-multiple.html b/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-multiple.html index 062a6711b..efa3d8318 100755 --- a/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-multiple.html +++ b/_posts/plotly_js/subplot/multiple-axes/2015-04-09-multiple-axes-multiple.html @@ -40,17 +40,24 @@ var data = [trace1, trace2, trace3, trace4]; var layout = { - title: 'multiple y-axes example', + title: { + text: 'multiple y-axes example', + font: {color: '#1f77b4'} + }, width: 800, xaxis: {domain: [0.3, 0.7]}, yaxis: { - title: 'yaxis title', - titlefont: {color: '#1f77b4'}, + title: { + text: 'yaxis title', + font: {color: '#1f77b4'} + }, tickfont: {color: '#1f77b4'} }, yaxis2: { - title: 'yaxis2 title', - titlefont: {color: '#ff7f0e'}, + title: { + text: 'yaxis2 title', + font: {color: '#ff7f0e'} + }, tickfont: {color: '#ff7f0e'}, anchor: 'free', overlaying: 'y', @@ -58,16 +65,20 @@ position: 0.15 }, yaxis3: { - title: 'yaxis4 title', - titlefont: {color: '#d62728'}, + title: { + text: 'yaxis4 title', + font: {color: '#d62728'} + }, tickfont: {color: '#d62728'}, anchor: 'x', overlaying: 'y', side: 'right' }, yaxis4: { - title: 'yaxis5 title', - titlefont: {color: '#9467bd'}, + title: { + text: 'yaxis5 title', + font: {color: '#9467bd'} + }, tickfont: {color: '#9467bd'}, anchor: 'free', overlaying: 'y',