高图表背景和其他组件无法正常工作

Question

我正在从事与 this-one here 类似的项目。

body{
        background-image:url(http://wolf-on-wall-street.com/images/new_york_city_madness_wallp.jpg);
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }

我不知道为什么，但我无法像往常一样编辑页面...我无法添加背景图片（我尝试通过 js 和 css 添加它），似乎我添加到 HTML 和 CSS 的所有内容都直接在图表后面...我试图擦除 javascript 代码中的任何类型的背景颜色，但仍然..

Answer 1

你可以试试这个：

Html

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

CSS:

 body{
        background-image:url(http://wolf-on-wall-street.com/images/new_york_city_madness_wallp.jpg);
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }

Js

$(function () {
    var aChart = new Highcharts.Chart({
        chart: {
            type: 'line',
            renderTo:"container",
            plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg'
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });

    /*change the image like------*/
aChart.options.chart.plotBackgroundImage='http://upload.wikimedia.org/wikipedia/commons/a/a6/Roses_renoir.JPG';
aChart = new Highcharts.Chart(aChart.options);

});

UPDATED DEMO

Answer 2

http://jsfiddle.net/ishankdubey/JgQEc/1/

$(function () {
var aChart = new Highcharts.Chart({
    chart: {
        type: 'line',
        renderTo:"container",
        plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

/*change the image like------*/

aChart.options.chart.plotBackgroundImage='http://upload.wikimedia.org/wikipedia/commons/a/a6/Roses_renoir.JPG'; aChart = new Highcharts.Chart(aChart.options);

});

高图表背景和其他组件无法正常工作

High chart background and other components are not working as usual

html

javascript

css

background-image

highcharts