The cppplotly from pablrod

pablrod / cppplotly Goto Github PK

View Code? Open in Web Editor NEW

Generate html/javascript charts from C++ data using javascript library plotly.js

License: MIT License

CMake 0.04% C++ 99.43% Perl 0.53%

cppplotly's People

Contributors

Stargazers

Watchers

cppplotly's Issues

Can't view the title and axis labels

I generated this html file using cppplotly. Set the layout using the official plotly documentation, but couldn't get to show the title and axis labels.

<!DOCTYPE html> 
<head> 
<meta charset="utf-8" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script></head> 
<body> 
<div id="d2ad872f-61d6-11e8-836b-96e4cd0da1b2"></div> 
<script src="https://cdn.plot.ly/plotly-1.45.3.min.js"></script> 
<script> 
function maximizar(){Plotly.relayout(document.getElementById('d2ad872f-61d6-11e8-836b-96e4cd0da1b2'), {height: window.innerHeight * 0.80, width: window.innerWidth * 0.80});};window.onresize = function() {$('.js-plotly-plot').each(function(index, gd) {Plotly.Plots.resize(gd).then(function(){maximizar()});});};Plotly.react(document.getElementById('d2ad872f-61d6-11e8-836b-96e4cd0da1b2'), 
[
{
    "type": "scatter", 
    "x": [1, 2, 3, 4, 5], 
    "y": [2, 4, 8, 16, 32],
}
],
{
"layout": {
        "title": {
            "text":'Plot Title',
            "font": {
                "size": 24
                },
            "xref": 'paper',
            "x": 0.05,
        },
        "xaxis": {
            "title": {
                "text": "X - axis",
                "font": {
                    "size": 18,
                    "color": '#7f7f7f'
                }
            }
        },
        "yaxis": {
            "title": {
                "text": "Y-axis"
            }
        }
    }
}); 
maximizar();</script> 
 </body> 
 </html>

Recommend Projects