chart.setOption({
    color: [
        '#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83',
        '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'
    ],
    // ...
});

var themeEC4 = {
    color: [
        '#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83',
        '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'
    ]
};
var chart = echarts.init(dom, themeEC4);
chart.setOption(/* ... */);

import * as echarts from 'echarts/core';
import { BarChart } from 'echarts/charts';
import { GridComponent } from 'echarts/components';
// 注意，新的接口中默認(rèn)不再包含 Canvas 渲染器，需要顯示引入，如果需要使用 SVG 渲染模式則使用 SVGRenderer
import { CanvasRenderer } from 'echarts/renderers';
echarts.use([BarChart, GridComponent, CanvasRenderer]);

// 創(chuàng)建 echarts 實(shí)例。
var dom = document.getElementById('dom-id');
var chart = echarts.init(dom);
// 用 option 描述 `數(shù)據(jù)`、`數(shù)據(jù)如何映射成圖形`、`交互行為` 等。
// option 是個(gè)大的 JavaScript 對(duì)象。
var option = {
    // option 每個(gè)屬性是一類組件。
    legend: {...},
    grid: {...},
    tooltip: {...},
    toolbox: {...},
    dataZoom: {...},
    visualMap: {...},
    // 如果有多個(gè)同類組件，那么就是個(gè)數(shù)組。例如這里有三個(gè) X 軸。
    xAxis: [
        // 數(shù)組每項(xiàng)表示一個(gè)組件實(shí)例，用 type 描述“子類型”。
        {type: 'category', ...},
        {type: 'category', ...},
        {type: 'value', ...}
    ],
    yAxis: [{...}, {...}],
    // 這里有多個(gè)系列，也是構(gòu)成一個(gè)數(shù)組。
    series: [
        // 每個(gè)系列，也有 type 描述“子類型”，即“圖表類型”。
        {type: 'line', data: [['AA', 332], ['CC', 124], ['FF', 412], ... ]},
        {type: 'line', data: [2231, 1234, 552, ... ]},
        {type: 'line', data: [[4, 51], [8, 12], ... ]}
    }]
};
// 調(diào)用 setOption 將 option 輸入 echarts，然后 echarts 渲染圖表。
chart.setOption(option);

myChart.setOption({
    series : [
        {
            name: '訪問來源',
            type: 'pie',
            radius: '55%',
            data:[
                {value:235, name:'視頻廣告'},
                {value:274, name:'聯(lián)盟廣告'},
                {value:310, name:'郵件營銷'},
                {value:335, name:'直接訪問'},
                {value:400, name:'搜索引擎'}
            ]
        }
    ]
})

itemStyle: {
    // 陰影的大小
    shadowBlur: 200,
    // 陰影水平方向上的偏移
    shadowOffsetX: 0,
    // 陰影垂直方向上的偏移
    shadowOffsetY: 0,
    // 陰影顏色
    shadowColor: 'rgba(0, 0, 0, 0.5)'
}

var chart = echarts.init(dom, 'light');

$.getJSON('xxx/xxx/vintage.json', function (themeJSON) {
    echarts.registerTheme('vintage', JSON.parse(themeJSON))
    var chart = echarts.init(dom, 'vintage');
});

option = {
    series: {
        type: 'scatter',
        itemStyle: {
            // 普通樣式。
            normal: {
                // 點(diǎn)的顏色。
                color: 'red'
            },
            // 高亮樣式。
            emphasis: {
                // 高亮?xí)r點(diǎn)的顏色。
                color: 'blue'
            }
        },
        label: {
            // 普通樣式。
            normal: {
                show: true,
                // 標(biāo)簽的文字。
                formatter: 'This is a normal label.'
            },
            // 高亮樣式。
            emphasis: {
                show: true,
                // 高亮?xí)r標(biāo)簽的文字。
                formatter: 'This is a emphasis label.'
            }
        }
    }
}

var myChart = echarts.init(document.getElementById('main'));
$.get('data.json').done(function (data) {
    myChart.setOption({
        title: {
            text: '異步數(shù)據(jù)加載示例'
        },
        tooltip: {},
        legend: {
            data:['銷量']
        },
        xAxis: {
            data: data.categories
        },
        yAxis: {},
        series: [{
            name: '銷量',
            type: 'bar',
            data: data.data
        }]
    });
});