Incubator-echarts: рдХреНрдпрд╛ ECharts рдХреА рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ рдирдореВрдирд╛ рдХреЛрдб рдореЗрдВ json рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 26 рдЕрдкреНрд░реИрд▓ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: apache/incubator-echarts

рдПрдХ-рдкрдВрдХреНрддрд┐ рд╕рд╛рд░рд╛рдВрд╢ [рд╕рдорд╕реНрдпрд╛ рд╕рдВрдХреНрд╖рд┐рдкреНрдд]

рдХреНрдпрд╛ 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 ();
..

рдХреНрдпреЛрдВрдХрд┐ json рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реИ, рдЙрджрд╛рд╣рд░рдг рд╕реНрдерд╛рдиреАрдп рдкрдХреНрд╖ рдкрд░ рдирд┐рд╖реНрдкрд╛рджрд┐рдд рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдХреНрдпрд╛ json рдХреЛрдб рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ, рдзрдиреНрдпрд╡рд╛рджред

рд╕рдВрд╕реНрдХрд░рдг рдФрд░ рдкрд░реНрдпрд╛рд╡рд░рдг [рд╕рдВрд╕реНрдХрд░рдг рдФрд░ рдкрд░реНрдпрд╛рд╡рд░рдг]

  • ECharts рд╕рдВрд╕реНрдХрд░рдг [ECharts рд╕рдВрд╕реНрдХрд░рдг]: 3.5.3
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрд╕реНрдХрд░рдг [рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдкреНрд░рдХрд╛рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг]: IE11, рдХреНрд░реЛрдо
  • рдУрдПрд╕ рд╕рдВрд╕реНрдХрд░рдг [рдУрдПрд╕ рдкреНрд░рдХрд╛рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг]: 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);

});

````

рдЕрдиреНрдп рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ [рдЕрддрд┐рд░рд┐рдХреНрдд рдЬрд╛рдирдХрд╛рд░реА]


рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЖрдк рдЗрд╕ рд▓рд┐рдВрдХ рдХреЛ рдХреНрд░реЛрдо рдбреЗрд╡рд▓рдкрд░ рдЯреВрд▓ рдореЗрдВ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдк рдЗрд╕ рд▓рд┐рдВрдХ рдХреЛ рдХреНрд░реЛрдо рдбреЗрд╡рд▓рдкрд░ рдЯреВрд▓ рдореЗрдВ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ

@pissang , рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВрдиреЗ рдЗрд╕реЗ рдХреНрд░реЛрдо рджреЗрд╡ рдЯреВрд▓реНрд╕ \ рдиреЗрдЯрд╡рд░реНрдХ рдореЗрдВ рджреЗрдЦрд╛, рдзрдиреНрдпрд╡рд╛рджред

рдирдорд╕реНрддреЗ @RoxetteI @pissang , рдореБрдЭреЗ рднреА рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝рд╛, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рдХреНрд░реЛрдо рдбреЗрд╡рд▓рдкрдореЗрдВрдЯ рдЯреВрд▓реНрд╕ рдореЗрдВ \network рдореЗрдВ рд╕рдВрдмрдВрдзрд┐рдд json рдлрд╝рд╛рдЗрд▓ рдирд╣реАрдВ рджреЗрдЦреА, рдореИрдВ рдЗрд╕реЗ рдХреИрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?рдзрдиреНрдпрд╡рд╛рдж

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

LMJS1974 picture LMJS1974  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

liuqz picture liuqz  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

shikelong picture shikelong  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

[рдЙрд▓реНрд▓рдВрдШрди] рдЧреИрд░-рдирд┐рд╖реНрдХреНрд░рд┐рдп рдИрд╡реЗрдВрдЯ рд╢реНрд░реЛрддрд╛ рдХреЛ рд╕реНрдХреНрд░реЙрд▓-рдЕрд╡рд░реБрджреНрдз 'рдорд╛рдЙрд╕рд╡реНрд╣реАрд▓' рдИрд╡реЗрдВрдЯ рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ред рдкреГрд╖реНрда рдХреЛ рдЕрдзрд┐рдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдИрд╡реЗрдВрдЯ рд╣реИрдВрдбрд▓рд░ рдХреЛ 'рдирд┐рд╖реНрдХреНрд░рд┐рдп' рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВред
wm370857724 picture wm370857724  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

antorman picture antorman  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ