echarts 怎么默认一种样式

qq_29879543 2019-03-13 02:44:34
访问后台数据，前台刷新。图表总是在这两个图表间来回切换，怎么能默认一个
...全文
349 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_29879543 2019-03-14
  • 打赏
  • 举报
 回复
引用 7 楼 ldsxrds 的回复:
你说样式是不是 颜色出问题了？
对 是颜色不一样了，
nayi_224 2019-03-14
  • 打赏
  • 举报
 回复
我很好奇你是怎么让颜色不一样的 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js" type="text/javascript" charset="utf-8"></script>
    <title> 页面名称 </title>
<style type="text/css">

</style>
</head>
<body>
<div id="aaa" style="width:400px;height:300px;"></div>
</body>
<script type="text/javascript">
	var option = {
                    title: {
                        text: ''
                    },
                    legend: {
                        data: ["访问人数"]
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        left: '3%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [
                        {
                            name: "访问次数",
                            type: 'line',
                            data: [820, 932, 901, 934, 1290, 1330, 1320]
                        }
                    ]
                };
var myChart = echarts.init(document.getElementById("aaa"));
            myChart.clear();//清楚上一个图层
            myChart.setOption(option);
</script>
</html>
ldsxrds 2019-03-14
  • 打赏
  • 举报
 回复
你说样式是不是 颜色出问题了？
竹子_bamboo 2019-03-14
  • 打赏
  • 举报
 回复
引用 5 楼 qq_29879543 的回复:
[quote=引用 3 楼 竹子_bamboo 的回复:] [quote=引用 2 楼 qq_29879543 的回复:] [quote=引用 1 楼 竹子_bamboo 的回复:] 直接调用echarts不会有主题变化的问题吧 你看下官方示例把，下面就是饼图的官方示例 
option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
我就是直接从官网上拿下来直接用的，，，搞的现在刷新后图表来回切换。。。这是我另一个echarts图表。。相同的数据，刷新后就是这两种效果[/quote] 啊，你不会加了什么参数或设了样式自己不知道把，echarts上直接下来的啥问题也没有呀，不知道你这个问题咋解决[/quote] 你有运行正常的echarts吗？？？ 求js ！！！ 我从官网上下的 都是来回切换的。[/quote] 这是我代码里面的 

var option = {
                    title: {
                        text: ''
                    },
                    legend: {
                        data: ["访问人数"]
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    grid: {
                        left: '3%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'category',
                        data: dataKey
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [
                        {
                            name: "访问次数",
                            type: 'line',
                            data: dataValue
                        }
                    ]
                };
var myChart = echarts.init(this.getEl().dom);
            myChart.clear();//清楚上一个图层
            myChart.setOption(option);
你是不是因为没清除的原因的 myChart.clear();//清楚上一个图层 这是我这边的代码
qq_29879543 2019-03-13
  • 打赏
  • 举报
 回复
引用 3 楼 竹子_bamboo 的回复:
[quote=引用 2 楼 qq_29879543 的回复:] [quote=引用 1 楼 竹子_bamboo 的回复:] 直接调用echarts不会有主题变化的问题吧 你看下官方示例把，下面就是饼图的官方示例 
option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
我就是直接从官网上拿下来直接用的，，，搞的现在刷新后图表来回切换。。。这是我另一个echarts图表。。相同的数据，刷新后就是这两种效果[/quote] 啊，你不会加了什么参数或设了样式自己不知道把，echarts上直接下来的啥问题也没有呀，不知道你这个问题咋解决[/quote] 你有运行正常的echarts吗？？？ 求js ！！！ 我从官网上下的 都是来回切换的。
qq_29879543 2019-03-13
  • 打赏
  • 举报
 回复
引用 3 楼 竹子_bamboo 的回复:
[quote=引用 2 楼 qq_29879543 的回复:] [quote=引用 1 楼 竹子_bamboo 的回复:] 直接调用echarts不会有主题变化的问题吧 你看下官方示例把，下面就是饼图的官方示例 
option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
我就是直接从官网上拿下来直接用的，，，搞的现在刷新后图表来回切换。。。这是我另一个echarts图表。。相同的数据，刷新后就是这两种效果[/quote] 啊，你不会加了什么参数或设了样式自己不知道把，echarts上直接下来的啥问题也没有呀，不知道你这个问题咋解决[/quote] 直接官网上拿用的，怕错还重新弄了一遍。。。。。只换了里面的data数据，剩下的什么都一样。。。
竹子_bamboo 2019-03-13
  • 打赏
  • 举报
 回复
引用 2 楼 qq_29879543 的回复:
[quote=引用 1 楼 竹子_bamboo 的回复:] 直接调用echarts不会有主题变化的问题吧 你看下官方示例把，下面就是饼图的官方示例 
option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
我就是直接从官网上拿下来直接用的，，，搞的现在刷新后图表来回切换。。。这是我另一个echarts图表。。相同的数据，刷新后就是这两种效果[/quote] 啊，你不会加了什么参数或设了样式自己不知道把，echarts上直接下来的啥问题也没有呀，不知道你这个问题咋解决
qq_29879543 2019-03-13
  • 打赏
  • 举报
 回复
引用 1 楼 竹子_bamboo 的回复:
直接调用echarts不会有主题变化的问题吧 你看下官方示例把，下面就是饼图的官方示例 
option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
我就是直接从官网上拿下来直接用的，，，搞的现在刷新后图表来回切换。。。这是我另一个echarts图表。。相同的数据，刷新后就是这两种效果
竹子_bamboo 2019-03-13
  • 打赏
  • 举报
 回复
直接调用echarts不会有主题变化的问题吧 你看下官方示例把，下面就是饼图的官方示例 
option = {
    title : {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
Echarts Demo 和样式
里面包含了echarts的各种图表的实体demo以及一些用的js文件等
echarts三种引入方式
echarts曲线图表三种引入方式，包括源码和所需js文件。
ECharts脚本及10种主题资源
包括ECharts开发所需要引入的资源，其中包括Zender，Theme的10种主题。
echarts 全国以及各省市的地图数据js与json合并版下载
echarts3 全国以及各省市的地图数据js与json合并版。用于echarts中的地图生成可以使用js与json2种方式
echarts实现地图攻击
使用echarts实现地图攻击，源代码包含html js cs 使用echarts实现地图攻击，源代码包含html js cs
Java

51,412

社区成员

86,033

社区内容

发帖
与我相关
我的任务
社区描述
Java相关技术讨论
javaspring bootspring cloud 技术论坛（原bbs）
社区管理员
  • Java相关社区
  • 小虚竹
  • 谙忆
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章