0

これについて何か助けていただければ幸いです。

私がする必要があるのは、ライブチャートにデータを追加するたびに、ライブチャートの背景画像を更新/変更することです。ライブデータ部分は正常に動作します。

「chart.plotBGImage.attr({href: 'xxx'});」を試してみました アプローチしますが、「未定義のプロパティ 'plotBGImage'を読み取れません」というエラーが表示されます。

何が間違っているのか、または別のアプローチについてのアイデアはありますか?

これまでの私のコードは次のとおりです。

<script type="text/javascript">
    var chart1; 

    function requestData() {
        $.ajax({
            url: 'get_data/getECGdata.php',
            success: function(point) {

                var series1 = chart1.series[0],
                shift = series1.data.length > 20; 

                // add the point
                chart1.series[0].addPoint(eval(point), true, shift);    


                //The line below is the one giving the error
                //this.chart1.plotBGImage.attr({href: "http://www.highcharts.com/images/stories/logohighcharts.png"});              

                // call it again after one/two/etc seconds
                setTimeout(requestData, 1000);  
                },
            cache: false
        });
    }

    $(document).ready(function() {

        chart1 = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                zoomType: 'x',
                backgroundColor:'rgba(255, 255, 255, 0.4)',
                defaultSeriesType: 'line',
                marginTop: 60,
                events: {load: requestData}
            },
            title: {text: 'Live ECG data'},
            xAxis: {type: 'datetime', tickPixelInterval: 150, maxZoom: 20 * 1000},
            yAxis: {minPadding: 0.2, maxPadding: 0.2, title: {text:'ECG reading', margin: 20 } },
            tooltip: {xDateFormat: '%H:%M:%S', shared: true},
            credits: {enabled: false},
            series: [
                    {name: 'ECG', color: 'green', data: [] }

                ]
        });

    });
    </script>
4

4 に答える 4

1

チャートの背景画像を変更した方法は次のとおりです。任意のパターンをダウンロードして画像フォルダーに配置し、ハイチャートに次のコードを追加するだけです。

  chart: {  
    plotBackgroundImage:'/assets/lightpaperfibers.png',
  },

パスに画像の名前を書き込みます。つまり、「/assets/your_image.png」です。

于 2014-07-09T10:56:42.223 に答える
0

次の方法で、標準の背景色を無効にすることができます。

backgroundColor: 'rgba(255,255,255,0)'

次に #contaniner の CSS で backgorund を設定し、jquery / javacript を使用して変更します。

例: http://jsfiddle.net/LGzuj/

于 2013-06-19T11:51:19.220 に答える
0

ハイチャートの背景画像を変更しようとしていることは理解しています。

与えるだけchart.plotBGImage.attr({href: 'xxx'});では役に立ちません。HighChart 全体をリロードする必要があります。

私はこれを行いました（ライブデータ部分なしで、うまく機能します!!）フィドル

于 2013-06-19T12:26:37.893 に答える