精华内容
下载资源
问答
  • PowerPoint基础操作教程-设置图表背景.docx
  • 介绍Excel图表背景设置技巧 介绍Excel图表背景设置技巧
  • HighCharts设置图表背景透明

    千次阅读 2016-01-03 17:51:07
    HighCharts设置图表背景透明 其实就一句话:  backgroundColor: 'rgba(0,0,0,0)' 完整示例:   $(function () { $('#container').highcharts({ chart: { type: 'column',

    HighCharts设置图表背景透明

    其实就一句话:

     backgroundColor: 'rgba(0,0,0,0)'

    完整示例:

     

    复制代码
    $(function () {
            $('#container').highcharts({
                chart: {
                    type: 'column',
                    backgroundColor: 'rgba(0,0,0,0)'
                },
                title: {
                    text: 'Stacked column chart'
                },
                xAxis: {
                    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'Total fruit consumption'
                    },
                    stackLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'bold',
                            color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                        }
                    }
                },
                legend: {
                    align: 'right',
                    x: -70,
                    verticalAlign: 'top',
                    y: 20,
                    floating: true,
                    backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
                    borderColor: '#CCC',
                    borderWidth: 1,
                    shadow: false
                },
                tooltip: {
                    formatter: function() {
                        return '<b>'+ this.x +'</b><br/>'+
                            this.series.name +': '+ this.y +'<br/>'+
                            'Total: '+ this.point.stackTotal;
                    }
                },
                plotOptions: {
                    column: {
                        stacking: 'normal',
                        dataLabels: {
                            enabled: true,
                            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                        }
                    }
                },
                series: [{
                    name: 'John',
                    data: [5, 3, 4, 7, 2]
                }, {
                    name: 'Jane',
                    data: [2, 2, 3, 2, 1]
                }, {
                    name: 'Joe',
                    data: [3, 4, 4, 2, 5]
                }]
            });
        });
        
    复制代码

     

    还有另外一个属性,plotBackgroundColor: null

    这个属性的意思是指图表部分,不含标题、说明信息,x轴y轴上的提示信息等部分的背景色,例如:

     

    展开全文
  • Echarts图表设置背景图片

    千次阅读 2020-12-31 18:37:39
    Echarts 图表设置背景图片 在项目开发过程中,遇到在Echarts图表上添加背景图的需求,通过查找Echarts官网的配置项,发现 graphic 能够实现在图表设置背景图片。 graphic配置项: ...

    Echarts 图表中设置背景图片

    在项目开发过程中,遇到在Echarts图表上添加背景图的需求,通过查找Echarts官网的配置项,发现 graphic 能够实现在图表中设置背景图片。

    graphic配置项: https://echarts.apache.org/zh/option.html#graphic,如下图所示:

    在Echarts的实例中,找到一个实例(这里是折线图)https://echarts.apache.org/examples/zh/editor.html?c=line-simple

    然后根据以上的 graphic的配置,代码配置如下所示:

    option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line'
        }],
        graphic: [
            {
                type: 'image', // 图形元素类型
                id: 'logo', // 更新或删除图形元素时指定更新哪个图形元素,如果不需要用可以忽略。
                right: 'center', // 根据父元素进行定位 (居中)
                bottom: '0%', // 根据父元素进行定位   (0%), 如果bottom的值是 0,也可以删除该bottom属性值。
                z: 0,  // 层叠
                bounding: 'all', // 决定此图形元素在定位时,对自身的包围盒计算方式
                style: {
                    image: 'https://www.boxuegu.com/assets/user/background1.png', // 这里一定要注意、注意,必须是https开头的图片路径地址
                    width: 945,
                    height:800
                }
            }
        ],
    };
    

    效果图如下图右侧所示:

    over,祝大家新年快乐!

    展开全文
  • 手势图表PPT背景图片

    2021-07-16 10:07:41
    这是一张手势图表PPT背景图片; 关键词:人物手势、书籍图表幻灯片背景图片,.jpg格式;
  • 这是一张数据分析图表PPT背景图片; 关键词:数据分析幻灯片背景图片,数据报表PowerPoint背景图片,.jpg格式;
  • HighCharts之图表背景设置

    千次阅读 2016-05-10 19:29:36
    为HighCharts设置XAxis的PlotBands属性,全部代码如下:Highcharts chart = new Highcharts("HC" + divName) .InitChart(new Chart { DefaultSeriesType = CT_type,

     为HighCharts设置XAxis的PlotBands属性,全部代码如下:

    Highcharts chart = new Highcharts("HC" + divName)
                   .InitChart(new Chart
                   {
                       DefaultSeriesType = CT_type,
                       Width = _width,
                       Height = _height,
                       ClassName = _Title,
                       BackgroundColor = null
                   }).SetCredits(new Credits { Enabled = false })
                   .SetTitle(new Title
                   {
                       Text = _Title
                   })
                   .SetXAxis(new XAxis
                   {
                       Title = new XAxisTitle { Text = "单位:" + unitName },
                       Categories = xCategoryList.ToArray(),
                       Reversed = false,
                       Opposite = false,
                       PlotBands = new[]{
                         new  XAxisPlotBands{
                          Color=ColorTranslator.FromHtml("#FCFFC5"),
                          From=7,
                          To=12,
                          Label=new XAxisPlotBandsLabel {Text="上午工作时间"}
                         },
                        new XAxisPlotBands{
                          Color=ColorTranslator.FromHtml("#FCFFC5"),
                          From=13,
                          To=18,
                          Label=new XAxisPlotBandsLabel {Text="下午工作时间"}                    
                        }                   
                       }
                   })
                   .SetYAxis(new YAxis
                   {
                       Title = new YAxisTitle { Text = "单位:" + SeriesUnit },
                       Min = 0,
                       PlotLines = new[]
                                              {
                                                  new YAxisPlotLines
                                                  {
                                                      Value = 0,
                                                      Width = 1,
                                                      Color = ColorTranslator.FromHtml("#808080")
                                                  }        }
                   })
                   .SetTooltip(new Tooltip
                   {
                       Formatter = ToolTip_info,
                       ValueDecimals = 2
                   })
                    .SetPlotOptions(new PlotOptions
                    {
                        Column = new PlotOptionsColumn
                        {
                            BorderWidth = 2,
                            BorderColor = ColorTranslator.FromHtml("#edc240")
                        }
                    })
                   .SetLegend(new Legend
                   {
                       Enabled = false
                   })
                   .SetSeries(new[]
                               {
                                   new Series { Name ="", Data = new Data(yDataSeriesList.ToArray()),Color=ColorTranslator.FromHtml("#f5e2a7")}
                               }
                     );
                    return chart.ToHtmlString();


    展开全文
  • 这是一张彩色立体数据图表PPT背景图片,.jpg格式;
  • 这是一张商务人物分析数据图表PPT背景图片; 关键词:商务人物幻灯片背景图片,数据图表、数据报表PowerPoint背景图片,.jpg格式;
  • 设置color的地方设置opacity:1(值越小越透明)

    在设置color的地方设置opacity:1(值越小越透明)

    展开全文
  • 这是一张商务人物与数据图表PPT背景图片; 以为身穿白色衬衣扎着蓝色领带的商务人士,手拿激光笔对虚拟屏幕的数据图表进行绘制。 关键词:数据分析幻灯片背景图片,商务人物PowerPoint背景图片,.PPTX格式;
  • 本文档能够设置U盘的背景以及U盘的图表使用起来十分方便
  • 这是一张手势图表PPT背景图片; 关键词:人物手势、书籍图表幻灯片背景图片,.jpg格式;
  • echarts图表背景色 markArea echarts图表标域 echarts自定义背景色
  • 这是一张数据分析图表PPT背景图片; 关键词:数据分析幻灯片背景图片,数据报表PowerPoint背景图片,.jpg格式;
  • 商务数据图表ppt背景模板.ppt
  • 这是一张手势图表PPT背景图片; 关键词:人物手势、书籍图表幻灯片背景图片,.jpg格式;
  • 数据图表PPT模板适用于商务背景主题设计应用。
  • Excel 图表背景—四象限图表.rar,在使用包含负数的数据创建的XY散点图中,X轴和Y轴会将绘图分成4个象限。为了使象限的表示更加清楚,最好能够将4个象限设置成不同的颜色。因为Excel图表绘图的背景不可能设置为...
  • 这是一张数据分析图表PPT背景图片; 关键词:数据分析幻灯片背景图片,数据报表PowerPoint背景图片,.jpg格式;
  • 自定义图表背景颜色: 除了普通的颜色,也支持渐变色哦,渐变色的配置在之前文章中讲过,有兴趣可以前往【渐变色效果柱状图(直方图)~】 完整示例 完整代码 #!/usr/bin/env python # -*- coding: utf-8 -*- # @...
  • 这是一张商务人物分析数据图表PPT背景图片; 关键词:商务人物幻灯片背景图片,数据图表、数据报表PowerPoint背景图片,.jpg格式;
  • 这是一张彩色立体数据图表PPT背景图片,.jpg格式;
  • echarts图表添加背景图片

    万次阅读 2019-01-11 15:17:21
    var img = new Image(); //新建对象 img.src=.../...
  • 这是一张商务人物与数据图表PPT背景图片; 以为身穿白色衬衣扎着蓝色领带的商务人士,手拿激光笔对虚拟屏幕的数据图表进行绘制。 关键词:数据分析幻灯片背景图片,商务人物PowerPoint背景图片,.PPTX格式;
  • 可以设置文件夹背景图表可以设置文件夹背景图表可以设置文件夹背景图表可以设置文件夹背景图表
  • 这是一张彩色立体数据图表PPT背景图片,.jpg格式;
  • 这是一张商务人物分析数据图表PPT背景图片; 关键词:商务人物幻灯片背景图片,数据图表、数据报表PowerPoint背景图片,.jpg格式;
  • 这是一张数据图表手势幻灯片背景图片; 关键词:人物手势PowerPoint背景图片,彩色图表报表PPT背景图片,.jpg格式;

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 66,494
精华内容 26,597
关键字:

如何设置图表区背景