精华内容
下载资源
问答
  • 在业务流程图控件FlowChart.NET中,通过使用样式和主题,用了一个一致的方法来定制流程图和项目的外观,而且在整个的流程图中的外观和感觉也会更加的流畅,想要改变外观和主题可以通过简单的替换当前的主题。...

    业务流程图控件FlowChart.NET中,通过使用样式和主题,用了一个一致的方法来定制流程图和项目的外观,而且在整个的流程图中的外观和感觉也会更加的流畅,想要改变外观和主题可以通过简单的替换当前的主题。

    主题编辑器

    主题编辑器为主题创建和修改提供了简单易于操作的的视觉环境,通过左边的属性网格提供了示例图,里面包含了项目各种类型、可用的内置图列表、项目样式等。在网格中的对于样式的任何修改将会立即映射到图上,如果这个主题应用到图表上,这个预览将会反应改变的效果。这个主题可以在任何时间通过保存菜单进行保存。现有的主题也可以打开和更改。

    下图显示了主题编辑器的操作:

    流程图控件FlowChart.NET使用教程:设置图表样式和主题

    自定义样式

    下面的部分描述了如何启用自定义项目类的样式属性,要使用样式,需要创建一个自定义的样式类,可以通过从最接近的现有类型派生出来。比如,对于一个自定义ShapeNode,自定义样式需要从ShapeNodeStyle继承:

    C#

    1
    2
    3
    public class MyNodeStyle : ShapeNodeStyle
    {
    }

    Visual Basic

    1
    2
    3
    4
    Public Class MyNodeStyle
        Inherits ShapeNodeStyle
     
    End Class

    对于在MyNode中的每个属性都需要定义样式,用一样的名称来定义属性,通过下面的模式键入MyNodeStyle类。比如要是MyNode包含一个输入笔刷的MyBrush属性,下面的代码定义了器相应的样式属性:

    》》》全文http://www.evget.com/article/2013/5/29/18995.html
    展开全文
  • 本期记录一下图表的一般设置和图表样式设置以及特定图表的设置 上一篇:MPAndroidChart的详细使用——ValueFormatter和AxisValueFormatter接口的使用 下一篇:MPAndroidChart的详细使用——图例的详细设置 刷新 这两...

    本期记录一下图表的一般设置和图表样式设置以及特定图表的设置

    上一篇:MPAndroidChart的详细使用——ValueFormatter和AxisValueFormatter接口的使用
    下一篇:MPAndroidChart的详细使用——图例的详细设置

    刷新

    这两个方法要一起使用才会更新图表(其实很多时候只需要调动一下图表的动画就可以实现更新)

    invalidate() 在图表上调用此方法将刷新(重画)它。
    notifyDataSetChanged() 让图表知道它的底层数据已经改变,并执行必要的重新计算(偏移、图例、极大值、最小值、…)
    记录日志
    setLogEnabled(boolean enabled) 设置为true时将激活图表日志输出。启用此功能会影响性能,没必要的情况下保持禁用状态。
    通用图表样式设置

    这些方法可以直接在图表上使用(也就是就是图表本身的方法)

    setBackgroundColor(int color) 设置涵盖整个图表视图的背景色。也可以通过.xml在布局文件中设置。
    setDescription(String desc) 设置显示在图表右下角的描述文本。
    setDescriptionColor(int color) 设置描述文本的颜色。
    setDescriptionPosition(float x, float y) 设置屏幕上以像素为单位的描述文本的自定义位置。
    setDescriptionTypeface(Typeface t) 设置描述文本字体。
    setDescriptionTextSize(float size) 设置描述文本的大小,以像素为单位,最小为6f,最大为16f。
    setNoDataText(String text) 设置在图表为空时应显示的文本。
    setDrawGridBackground(boolean enabled) 如果启用,图表绘制区域后面的背景矩形将被绘制.
    setGridBackgroundColor(int color) 设置网格背景应使用的颜色。
    setDrawBorders(boolean enabled) 启用/禁用绘制图表边框(围绕图表的线条)。
    setBorderColor(int color) 设置图表边框的颜色。
    setBorderWidth(float width) 设置图表边框的宽度。
    setMaxVisibleValueCount(int count) 设置图表上的最大可视绘制值标签个数。这只在setDrawValues()启用时有效。
    图表的特性设置

    上面讲的都是适用于所有图表类型的方法,这里是讲各个图表的特定设置

    Line-, Bar-, Scatter-, Candle- & BubbleChart

    setAutoScaleMinMaxEnabled(boolean enabled) 设置是否启用y轴自动缩放的标志。如果启用,y轴将自动调整到当前x轴范围的最小和最大y值,只要视图改变。这对于显示金融数据的图表尤其有用。默认值:false
    setKeepPositionOnRotation(boolean enabled) 设置图表是否应在改变方向后保持其位置(缩放/滚动)。默认值:false

    BarChart

    setDrawValueAboveBar(boolean enabled) 如果设置为true,则所有值都绘制在它们的条形图之上,而不是在其顶部下面。
    setDrawBarShadow(boolean enabled) 如果设置为true,则在指示最大值的每个栏后面绘制灰色区域。但性能会下降约40%。
    setDrawValuesForWholeStack(boolean enabled) 如果设置为true,则所有堆叠条的值都会单独绘制,而不仅仅是它们的总和。
    setDrawHighlightArrow(boolean enabled) 设置为true,在高亮显示时将高亮箭头绘制在每个条形图上方。

    PieChart

    setDrawSliceText(boolean enabled) 将其设置为true,将x值文本绘制到饼图中。
    setUsePercentValues(boolean enabled) 如果启用,图表中的值是以百分比绘制的,而不是用原始值绘制的。
    setCenterText(SpannableString text) 设置在分段中间绘制的文本。较长的文本将自动“包装”,以避免剪裁到饼图。
    setCenterTextRadiusPercent(float percent) 将中间文本的边框的矩形半径设置为饼孔默认为1.f(100%)的百分比。
    setHoleRadius(float percent) 以最大半径的百分比(max=整个图表的半径)设置分段中心的孔半径,默认为50%。
    setTransparentCircleRadius(float percent) 以最大半径的百分比(max=整个图表的半径)为单位,设置在圆孔旁边绘制的透明圆的半径,默认为55%->意味着默认情况下比中心孔大5%。
    setTransparentCircleColor(int color) 设置透明圆圈的颜色。
    setTransparentCircleAlpha(int alpha) 设置透明圈应该具有的透明度(0-255)。
    setMaxAngle(float maxangle) 设置用于设置饼圆的最大角度。360f 意味着它是一个满的PieChart,180f的结果是半饼图。默认:360f

    RandarChart

    setSkipWebLineCount(int count) 允许跳过来自图表中心的网格线。一般在网格线很密集的时候使用
    展开全文
  • MATLAB图表样式设置

    千次阅读 2018-12-12 21:57:55
    终于完成了实验,想要做几张图表展示实验结果。但在数据可视化的时候,对MATLAB默认的参数不满意,又不知怎么修改。今天分享两个简单实用的方法

    (来点有用的)MATLAB图表样式设置


    by HPC_ZY

    代码实现

    先用模拟数据画一个折线图,代码如下:

    N = 20;
    x = 1:N;
    y1 = rand(1,N);
    y2 = rand(1,N)+1;
    
    % {绘图部分}
    figure
    plot(x,y1,'r.-'),hold on
    plot(x,y2,'b.-'),grid on
    title('test')
    xlabel('x'), ylabel('y')
    legend('y1','y2')
    

    (刚学的时候画成这样就是我的极限了)
    在这里插入图片描述

    对于这个界面、线条、字体、画风可能都不满意。
    上述代码中可视化部分总共包含4类:

    1. 界面:figure
    2. 画图:plot
    3. 文本:title, xlabel, ylabel
    4. 图例:legend

    接下来就一条一条来看。


    查看属性

    运行以下代码

    h1 = figure
    

    在这里插入图片描述
    命令行会打印以上信息,点击“所有属性”即可查看该对象所有可供修改的属性。
    在这里插入图片描述
    或者直接在工作区双击对象名查看
    在这里插入图片描述

    同样的方法运行以下代码,就能返回对象的属性

    h2 = plot(x,y1,'r.-')
    h3 = title('test')
    h4 = xlabel('x')
    h5 = legend('y1','y2')
    

    修改属性

    在此之前,首先要弄清想要修改的属性对应的属性名。由于几乎都是使用的英文全拼,很容易识别。
    找到之后就可以开始修改了,主要由两种方式:

    1. 在之后改

    h1 = figure;
    h1.Color = [0.9, 0.9, 0]; % 修改背景颜色
    h1.MenuBar = 'none'; % 去掉菜单栏
    

    在这里插入图片描述

    h2 = plot(x,y1,'r.-');
    h2.MarkerSize = 20; % 修改标记尺寸
    h2.LineWidth = 2; % 修改线宽
    

    在这里插入图片描述
    这种方式通常在不确定效果的情况下,先显示图,然后边改边看。所以往往是直接在命令行里键入代码。对属性比较清楚或有明确要求时,就可以使用第二种方式。

    2. 在之前改
    还是刚才的操作

    % 设置界面
    figure('Menubar','none','Color',[0.9, 0.9, 0]); 
    % 设置图形
    plot(x,y1,'r.-','MarkerSize',20,'LineWidth',2);
    hold on
    plot(x,y2,'b.-','MarkerSize',20,'LineWidth',2);
    grid on
    % 设置标题
    title('test','FontSize',16,'Color',[1,0,1])
    

    在这里插入图片描述

    个人觉得这种方式更简洁。


    编辑器实现

    1. 直接使用最开始那段代码显示图,然后在“菜单栏-查看”里面,点击以下三个中任意一个即可进入编辑器(个人习惯点“属性编辑器”)
      在这里插入图片描述

    2. 进入编辑器之后,双击想要修改的对象,就会弹出该对象的基础属性。
      在这里插入图片描述
      这里我双击蓝色图形。修改线型为“虚线”,宽度为“2”,标记为“六角星”。
      在这里插入图片描述
      如需修改更多属性,可点击右上角“更多属性”,则会弹出该对象所有属性,并可直接在对话框里进行修改。

    最后

    今天主要分享设置和修改可视化界面参数的一些方法,并通过简单示例说明。更多属性和操作就由读者自行探究。
    如果实践过程中疑问,或者想要修改回调完成一些互动(骚)操作,可以留言私聊。
    在这里插入图片描述

    展开全文
  • Highcharts设置柱形图表样式

    千次阅读 2019-04-25 10:54:19
    function load_Cylindrical_chart() { var chart_xsys = Highcharts.chart('DivID', { //DivID即要放置图表的html元素的id chart: { type: 'column', backgroundColor: '#FCFFC5' //图表...
    function load_Cylindrical_chart() {
        var chart_xsys = Highcharts.chart('DivID', {   //DivID即要放置图表的html元素的id
            chart: {
                type: 'column',
                backgroundColor: '#FCFFC5' //图表的背景色,下面注释的为渐变色设置
                //        backgroundColor: {
                //        linearGradient: [0, 0, 500, 500],
                //        stops: [
                //            [0, 'rgb(255, 255, 255)'],
                //            [1, 'rgb(200, 200, 255)']
                //        ]
                //},
            },
            title: false,
            colors: ['#f7a35c', '#00BFFF', '#00FF00', '#FF00FF'],//柱状图的颜色,如果没有那么多柱状图的话,颜色会从左到右自动选取
            //colors: ['red', 'black', 'green', 'yellow'],
            xAxis: {   //X轴的数据
                categories: X_Name, //X_Name数据类型为Array
                crosshair: true,
                labels: {
                    style: { //设置字体样式 
                        color: 'black'
                        //,fontWeight: 'bold'
                    }
                }
            },
            yAxis: { //Y轴的样式
                allowDecimals: false,
                min: 0,
                title: false,
                tickWidth: 0,//去掉刻度
                gridLineWidth: 0,//去掉y轴方向的横线
                labels: {
                    enabled: false
                }//去掉刻度数字
            },
            tooltip: {
                // head + 每个 point + footer 拼接成完整的 table
                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y}</b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            legend: {
                align: "top", //程度标的目标地位
                verticalAlign: "top", //垂直标的目标地位
                x: 0,
                y: 0,
                enabled: true  // 图例开关
            },
            plotOptions: {
                column: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true
                    }
                },
                series: {
                    events: {
                        click: function (e) {//图表的点击事件
                            var name = e.point.category.split(',');
                            open_function(name[0], name[1]);
                        }
                    }
                }
            },
            series: [{
                name: '<b style="color:red">' + '上月' + "</b>",//设置字体样式
                data: lastMonth,//lastMonth的数据类型为Array
                dataLabels: {//设置柱上的数字显示样式
                    enabled: true,
                    color: 'black',
                    align: 'center',
                    x: 14,
                    y: 0,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
    
                    }
                }
            }, {
                name: '<b style="color:red">' + '本月' + "</b>",//设置字体样式
                data: thisMonth,//thisMonth的数据类型为Array
                dataLabels: {//设置柱上的数字显示样式
                    enabled: true,
                    color: 'black',
                    align: 'center',
                    x: 14,
                    y: 0,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
    
                    }
                }
            }]
        });
    }

     

    展开全文
  • 我们在制作图表的过程中,有时候需要制作一组相同类型不同数据源的图表,需要将图标的样式设置为相同格式。 处理方式 先设置一个图表样式之后,点击设计菜单,点击左侧的另存为模板菜单 制作相同样式新图表...
  • echarts图表设置legend样式

    千次阅读 2020-04-01 11:15:09
    orient : 'horizontal', //设置水平展示 bottom : 'bottom', //设置底部展示 itemHeight : 20, //legend图形大小 x : '200px', //自定义位置 y : '280px', textStyle : {...
  • 原文:http://coolketang.com/staticOffice/5a97f34e9f54542163dc43f5.html1. 本节课将为您演示,如何添加图表以及如何设置图表的外观属性。首先选择用于生成图表的数据区域,在A2单元格中按下鼠标,并拖动到B8...
  • 我写了段代码来生成Word中的图表 ,用的Aspose.Words 组件,用Aspose.Words.Drawing.Charts.Chart 来插入图表,图表可以插入,但是图表样式不知道怎么设置,我看了一下,Chart对象里面只有3个属性可供设置:Title...
  • 图表美化的重要知识点有“预设图表样式进行美化”、“自定义图表样式”以及图表元素的如何进地控制、柱形图如何改变默认的形状。 下图为默认柱形图表样式: 第一步:使用预设图表样式进行快速美化,鼠标单击...
  • latex图表标题样式设置

    万次阅读 多人点赞 2016-06-30 17:00:39
    设置图标标题样式需要导入\caption和\subcaption 包,可以改变caption和label的字体、编码样式、对齐方式、格式等插入子图代码如下\begin{figure} \centering \begin{subfigure}[t]{1in} \centering \...
  • 1.JFreeChart动态生成图表,并设置图表的字体格式,显示样式 /* * @(#)TimeDynamicSeries.java 2016-12-13 * * Copyright 2010 Fiberhome. All rights reserved. */ package jfreechart; import java.awt....
  • 最近做的项目与echarts相关,发现你要给某div里面填充echarts图表,如果没有加样式高度和宽度,echarts图表就不会渲染出来 下面是我要放echarts图表的div 一开始的代码 <div class="main_table t_btn3" id=...
  • 安卓中Spinner换图表样式

    千次阅读 2017-03-01 10:50:55
    我们在按照UI画的图修改一些界面的时候,有的时候会涉及到Spinner换图标样式的这种情况。刚开始接触肯定是比较坑的,首先说的是Spinner的background如果直接替换图标的话,肯定不是你想要的样子。因为Spinner里面的...
  • Matplotlib 在绘图过程中,每创建一个图表,都要对该图表内的样式(例如 字体大小、颜色、分辨率、横纵坐标刻度、横纵坐标标签)设置一次,重复乏味,如下展示的是一个正弦函数曲线 X =np.linspace(-np.pi,np.pi...
  • { trigger: "axis", axisPointer: { type: "shadow" } }, grid: { top: "25%", right: "45", bottom: "20", left: "30" }, // 图例设置 legend: [ { top: "15%", right: "45%", textStyle: { // 图例文字样式 color...
  • python pptx 表格 图表样式详解

    千次阅读 2020-08-13 11:06:00
    style = 10 # 图表样式 有1-48种 下方将列出这48种样式 plot = chart.plots[0] # 设置数据标签 plot.has_data_labels = True # 显示数据标签 data_labels = plot.data_labels # 获取数据标签控制类 data_labels.show...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 92,186
精华内容 36,874
关键字:

如何设置图表样式