2

ここでは、prototype.js を使用して Web サービスを呼び出し、次に highchart.js を使用してグラフをプロットする必要がありました。アドバイスどおりにprototype-adapter.jsを使用していますが、両方（ハイチャートとプロトタイプ）を一緒に使用しようとするとエラーが発生します。jsFiddle を作成しました

http://jsfiddle.net/j5Grq/6/ 

$(function () {
var chart;
$(document).ready(function () {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line',
            marginRight: 130,
            marginBottom: 25
        },
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['09/10', '09/11', '09/12', '09/13', '09/14']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y + '°C';
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -10,
            y: 100,
            borderWidth: 0
        },
        series: [{
            name: 'ABCD',
            data: [648.47, 636.43, 643.97, 640.92]
        }, {
            name: 'ABCD1',
            data: [899.46, 882.80, 893.29, 889.07]
        }, {
            name: 'ABCD2',
            data: [1359.06, 1328.04, 1349.74, 1342.52]
        }]
    });
});

});

プロトタイプ.js ans プロトタイプ-adapter.js を削除すると、グラフはうまくプロットされますが、それらを含めるとグラフが機能しません。Web サービスを呼び出すには、prototype.js が必要でした。

助けてください。

ありがとうございました

4

3 に答える 3

0

$(document).ready(); を使用しているため、機能しません。これはjquery宣言です。

于 2013-02-28T12:39:48.433 に答える
0

このコードを試してみてください。問題なく動作します。

交換したばかり 

 $(function () {

このため

jQuery(function($) {

これがあなたのグラフの答えです。

 http://jsfiddle.net/j5Grq/17/
于 2014-04-29T17:42:49.543 に答える
0

jQuery を無名関数にラップして、変数が Prototype によって干渉されないように保護します。http://jsfiddle.net/amyamy86/s6ms3/

(function($) {

    $.noConflict();
    $(function () {
        $('#contain').highcharts({
         ....
        });
     });

}(jQuery));
于 2014-04-29T17:22:31.747 に答える