标签: echarts

如何最大限度地减少百度echarts周围的空白

我正在尝试整合百度的echarts(看起来非常好).但是,如果没有设置标题或使用工具栏,实际图形周围会有很多空白.有没有办法让图表/图表使用更多的画布？

My current solution to add an extra inside the container one and then set it's width and height to be be bigger by the margins I want to remove and the offset it by setting 'top' and 'left' to negative values of the respective margins. Not elegant and more importantly, not robust, but it works for the moment.

javascript charts echarts

max*_*ott

2015 05-18

16
推荐指数

4
解决办法

8129
查看次数

来自百度的ECharts

有谁知道Echarts(http://echarts.baidu.com)的例子:

只使用英文字符
从本地目录结构中正确导入所有必需的包含
作品

所有Echarts示例都非常好地呈现,但是没有示例显示如何在本地(英语)部署和运行它(这相当重要)实际工作.

从我的许多"复制和粘贴"然后编辑努力我只是得到无尽的文件未找到的消息和神秘的人物到处(为了公平他们是汉字但我只把它们视为神秘的波浪形).我还下载了github样本并搜索了Google,但没有成功.

图书馆看起来绝对精彩,但我不能破译它:(

英语中的单个.jsp页面示例(可行)会很棒.谁知道我在哪里找到一个？

谢谢

javascript charts echarts

And*_* NZ

2015 05-18

15
推荐指数

4
解决办法

3万
查看次数

来自eCharts的不同颜色条形图

我试图创建一个不同的颜色栏.对于Mon blue,Tue red,Wed green.请帮我怎么写.Line itemStyle: {normal: {color: 'blue','red', 'green'}}, 不工作.
代码来自echarts网站.

 <html style="height: 100%">
       <head>
           <meta charset="utf-8">
       </head>
       <body style="height: 100%; margin: 0">
           <div id="container" style="height: 100%"></div>
           <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
           <script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            itemStyle: {normal: {color: 'blue'}},
            data: [120, 200, 150],
            type: 'bar'
        }]
    }; …

Run Code Online (Sandbox Code Playgroud)

javascript echarts

Gof*_*fer

2018 03-08

12
推荐指数

2
解决办法

1万
查看次数

ECharts中带有彩色标记+色图的散点图

在阅读了ECharts文档并查看了示例之后，我没有发现任何可以根据连续数据维度自动为散点图标记着色的东西。

基本上，我正在尝试绘制以下内容：

在ECharts中解决该问题的正确方法是什么？

例如，可以修改基本散点图示例以color对所有数据点使用标量，如下所示：

option = {
    xAxis: {},
    yAxis: {},
    series: [{
        symbolSize: 20,
        data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, 8.81],
            [11.0, 8.33],
            [14.0, 9.96],
            [6.0, 7.24],
            [4.0, 4.26],
            [12.0, 10.84],
            [7.0, 4.82],
            [5.0, 5.68]
        ],
        color: '#F00',
        type: 'scatter'
    }]
};

Run Code Online (Sandbox Code Playgroud)

我想要实现的是将这样的数据向量传递给color，这是行不通的：

option = {
    xAxis: {},
    yAxis: {},
    series: [{
        symbolSize: 20,
        data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, 8.81],
            [11.0, 8.33],
            [14.0, 9.96],
            [6.0, 7.24], …

Run Code Online (Sandbox Code Playgroud)

echarts

blu*_*e10

2019 06-24

12
推荐指数

1
解决办法

294
查看次数

如何在echart中添加格式化工具提示以获取饼图的多个值

我正在使用 echart 饼图，但我想在工具提示中显示多个记录。

option = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%), <br/>{name1} : {value1} '
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['aa', 'bb', 'cc', 'dd', 'ee']
    },
    series: [
        {
            name: 'text name',
            type: 'pie',
            radius: '55%',
            center: ['50%', '60%'],
            data: [
                {value: 335, name: 'aa',value1: 335, name1: 'xx'},
                {value: 310, name: 'bb',value1: 335, name1: 'yy'},
                {value: 234, name: 'cc',value1: 335, name1: 'zz'},
                {value: 135, name: 'dd',value1: 335, name1: 'ww'},
                {value: 1548, name: …

Run Code Online (Sandbox Code Playgroud)

echarts

gau*_*uri

2020 02-18

12
推荐指数

1
解决办法

4万
查看次数

echarts媒体查询不使用Bootstrap(轮播)

我有一个带2个滑梯的自举旋转木马.这两张幻灯片都使用2x2的自举网格来显示图表.它们工作正常,但我正在尝试实现响应式媒体查询,似乎无法使其工作.我使用baseOptions和media选项来定义,但图表没有加载,控制台没有显示任何错误.

我试图定义<div>与内嵌样式容器width和height即style="width: 100%;height:400px;"和我也试图定义width和heightCSS中像所谓

.mychart {
        width: 100%;
        height: 400px;
      }

Run Code Online (Sandbox Code Playgroud)

javascript如下所示.

<div id="chart1" style="width: 100%;height:400px;"></div> //with inline style
<div id="chart1" class="mychart"></div> //with CSS class

var myChart1 = echarts.init(document.getElementById('chart1'));
var lpnArr  = [101, 43, 10, 250];
option = {
               title : {
                          text: 'My data Pie',
                          subtext: 'Data as of last batch',
                          x:'center'
                        },
           tooltip : {
                        trigger: 'item',
                        formatter: "{b} : {c} ({d}%)"
                        }, …

Run Code Online (Sandbox Code Playgroud)

javascript css media-queries twitter-bootstrap echarts

Ann*_*awn

lucky-day

11
推荐指数

1
解决办法

812
查看次数