Question

百度的echart怎么换主题啊？

我的代码大概是：

<!-- import eChart js -->
<script src="@Url.Content("~/Script/Plugins/echarts-2.0.2/js/esl.js")" type="text/javascript"></script>
<script src="../../../Script/Plugins/echarts-2.0.2/theme/infographic.js" type="text/javascript"></script>

<!-- my js -->
<script type="text/javascript">

//图表配置路径
require.config({
paths: {
echarts: '/Script/Plugins/echarts-2.0.2/js/echarts',
'echarts/chart/line': '/Script/Plugins/echarts-2.0.2/js/echarts-map',
'echarts/chart/bar': '/Script/Plugins/echarts-2.0.2/js/echarts-map'
}
});

//页面加载
$(function () {

//查询按钮
$("#btnSearch").click(function () {

$.ajax({
type: "POST",
url: "/device/deviceRunningTimeSchedule/SecheduleAndRunningTime",
data: "device=" + $("#deviceSelect").val() + "&selectDate=" + $("#dateSelect").val(),
success: function (responseData) {

//create chart
require(['echarts', 'echarts/chart/bar', 'echarts/chart/line'], function (ec) {

var myChart = ec.init(document.getElementById('chartDIV') , 'infographic' );

var option = {
title: {
text: '设备启停',
subtext: ''
},
为什么用不了infographic这个主题啊？？？
我看官网上的内置主题（'macarons', 'infographic'）直接传入名称，为什么不行啊？？
主题换不了

Answer 1

1、下载好开发包后就可以开始了，第一步引入开发包，和需要的主题文件（可定义自己的主体文件），并定义好页面布局。2.0以后上的版本，需要把开发包放到body下，否则ie低版本会出现属性未找到的错误，导致图标初始化失败。

2、第二步，普通初始化图表，通过调用开发包方法，有两种初始化方式，

1.var myChart = echarts.init(document.getElementById("echart"));

2.var myChart=require('echarts').init(document.getElementById("echart"));

一般建议使用第一种方法进行初始化操作。

3、第三步，设置option属性，来给图表设置数据,option是数组元素，tooltip：提示框，legend图例，calculable可设置是否拖拽，series设置数据（data类型也为数组类型），开始先随机初始化几条模拟数据，

4、到这一步，就完成了，图表初始化的步骤，效果如下图所示。然后大家可以改变下图标的样式，2.0版本留了设置主题的方法，可设置setThem()对图表样式进行修改。

5、看看主题怎么配置，设置色版，设置主题颜色，不一一介绍了，请大家请看下面代码：

6、通过上面主题的添加完成了对样式的修改，当然最后大家记嘚设置myChart.setTheme(theme);

Answer 2

你好！

首先，你要确定你有官方定义的主题。如果你下载是echart官方版的，你会看到有一个src文件夹，在src中有一个里面有一个theme文件，里面放的是echart自定义的三个theme。

第二，你require中引用你想要的主题，官方推荐的添加的方式是加“.js”的。

第三，在echart初始化的时候，加入主题名称。

从现在来看 你应该是没有引入你需要的主题，导致没有正常加载成功！

都开始做echart的相关的平台开发了，应该不是新手，说的比较简单。

有什么问题请追问，希望可以帮到你！

 // 路径配置
        require.config({
            paths: {
                echarts: 'build/dist'
            }
        });
        // 使用
        require(
            [
                'echarts',
		'echarts/theme/macarons',  
                'echarts/chart/bar',
		'echarts/chart/line'
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('main'),'macarons');