Incubator-echarts: ECharts公式ウェブサイトのサンプルコードでjsonファイルをダウンロードする方法はありますか?

作成日 2017年04月26日  ·  3コメント  ·  ソース: apache/incubator-echarts

1行の要約[問題の概要]

EChartsの公式ウェブサイトでjsonファイルをダウンロードする方法はありますか?
たとえば、私は
http://echarts.baidu.com/gallery/editor.html?c=doc-example/bar-dataZoom-filterMode
例をダウンロードしてローカルで実行しましたが、その中にコードが含まれています。
..
$ .get('data / asset / data / obama_budget_proposal_2012.list.json'、function(obama_budget_2012){
myChart.hideLoading();
..

get jsonが必要なため、ローカル側では実行できません。jsonコードファイルをダウンロードする方法はありますか?

バージョンと環境[バージョンと環境]

  • EChartsバージョン[EChartsバージョン]:3.5.3
  • ブラウザのバージョン[ブラウザの種類とバージョン]:IE11、Chrome
  • OSバージョン[OSの種類とバージョン]:7,10勝

期待される動作[期待される結果]

サンプルコードでjsonファイルをダウンロードできます。

EChartsオプション[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);

});

`` `` ``

その他のコメント[追加情報]


最も参考になるコメント

このリンクはChromeデベロッパーツールで確認できます

全てのコメント3件

このリンクはChromeデベロッパーツールで確認できます

@pissang 、ありがとう、Chrome Dev Tools \ Networkで見ました、ありがとう。

こんにちは@RoxetteI@ pissang 、私もこの問題に遭遇しましたが、クロム開発ツールの\ networkに対応するjsonファイルが表示されませんでした。どうすれば取得できますか?ありがとう

このページは役に立ちましたか?
0 / 5 - 0 評価