Incubator-echarts: Apakah ada cara untuk mengunduh file json dalam kode sampel di situs web resmi ECharts?

Dibuat pada 26 Apr 2017  ·  3Komentar  ·  Sumber: apache/incubator-echarts

Ringkasan satu baris [ringkasan masalah]

Apakah ada cara untuk mengunduh file json di situs web resmi ECharts?
Misalnya saya
http://echarts.baidu.com/gallery/editor.html?c=doc-example/bar-dataZoom-filterMode
Mengunduh contoh dan menjalankannya secara lokal, tetapi ada sepotong kode di dalamnya:
..
$.get('data/asset/data/obama_budget_proposal_2012.list.json', function (obama_budget_2012) {
myChart.hideLoading();
..

Karena get json diperlukan, contoh tidak dapat dijalankan di sisi lokal. Apakah ada cara untuk mengunduh file kode json, terima kasih.

Versi & Lingkungan [versi dan lingkungan]

  • Versi ECharts [versi ECharts]: 3.5.3
  • Versi browser [jenis dan versi browser]: IE11, Chrome
  • Versi OS [Jenis dan versi OS]: menangkan 7,10

Perilaku yang diharapkan [hasil yang diharapkan]

Anda dapat mengunduh file json dalam kode sampel.

Opsi ECharts [item konfigurasi ECharts]



``

`javascriptmyChart.showLoading();
$.get('data/asset/data/obama_budget_proposal_2012.list.json', function (obama_budget_2012) {
myChart.hideLoading();

option = {
    tooltip : {
        trigger: 'item'
    },
    legend: {
        data: ['Growth', 'Budget 2011', 'Budget 2012'],
        itemGap: 5
    },
    grid: {
        top: '12%',
        left: '1%',
        right: '10%',
        containLabel: true
    },
    xAxis: [
        {
            type : 'category',
            data : obama_budget_2012.names
        }
    ],
    yAxis: [
        {
            type : 'value',
            name : 'Budget (million USD)',
            axisLabel: {
                formatter: function (a) {
                    a = +a;
                    return isFinite(a)
                        ? echarts.format.addCommas(+a / 1000)
                        : '';
                }
            }
        }
    ],
    dataZoom: [
        {
            type: 'slider',
            show: true,
            start: 94,
            end: 100,
            handleSize: 8
        },
        {
            type: 'inside',
            start: 94,
            end: 100
        },
        {
            type: 'slider',
            show: true,
            yAxisIndex: 0,
            filterMode: 'empty',
            width: 12,
            height: '70%',
            handleSize: 8,
            showDataShadow: false,
            left: '93%'
        }
    ],
    series : [
        {
            name: 'Budget 2011',
            type: 'bar',
            data: obama_budget_2012.budget2011List
        },
        {
            name: 'Budget 2012',
            type: 'bar',
            data: obama_budget_2012.budget2012List
        }
    ]
};

myChart.setOption(option);

});

````

Komentar lain [Informasi tambahan]


Komentar yang paling membantu

Anda dapat melihat tautan ini di alat pengembang chrome

Semua 3 komentar

Anda dapat melihat tautan ini di alat pengembang chrome

@pissang , terima kasih, saya melihatnya di Chrome Dev Tools\Network, terima kasih.

Halo @RoxetteI @pissang , Saya juga mengalami masalah ini, tetapi saya tidak melihat file json yang sesuai di \network di alat pengembangan chrome, bagaimana saya bisa mendapatkannya?Terima kasih

Apakah halaman ini membantu?
0 / 5 - 0 peringkat