# azure-ea-insights

**Repository Path**: steeed/azure-ea-insights

## Basic Information

- **Project Name**: azure-ea-insights
- **Description**: Azure EA(Enterprise Agreement) 见解
- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-08
- **Last Updated**: 2023-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 云APP

## README

# Azure EA Insights
Azure EA(Enterprise Agreement) 见解  

### 介绍
Azure EA(ea.azure.cn) 的可视化展示。  

### pyecharts

#### 前后端分离的主题
前后端分离时，无法在后端返回主题，主题要在前端设置。  
内置主题有三个: light, dark, white, 其他主题需要先加载js文件。  
首先下载主题文件，保存到`/static/echarts/themes/essos.js`。  
```html
{% block script %}
<script type="text/javascript" src="{% static 'echarts/themes/essos.js' %}"></script>
<script>
    var chart = echarts.init(document.getElementById('bar'), 'essos', {renderer: 'canvas'});

    $(
        function () {
            fetchData();
        }
    );

    function fetchData() {
        $.ajax({
            type: "GET",
            url: "{% url 'billing:monthly' %}",
            dataType: 'json',
            success: function (result) {
                chart.setOption(result.data);
            }
        });
    }
<script>
{% endblock %}
```
有三个内置主题：light, dark, white，可以不用加载主题的js文件。  

#### 缓存了之前的渲染
在`chart.setOption`之前调用`chart.clear`方法:
```js
chart.clear();
chart.setOption(result.data);
```