`

EXT charts中自定义坐标轴 标签

EXT 
阅读更多

我们在现实使用中会遇到这样的情况,ext线图中,虽然传进来的是数字,y轴默认显示数字,但是我们需要吧他转换成一些别的东西,比如合格,改变格式(40->¥40)之类的应用,此时可以采用

yAxis: new Ext.chart.NumericAxis({
                                                        displayName: 'alive',
                                                        majorUnit : 1,
                                                        maximum : 2,
                                                        labelRenderer:aliveState,

 labelRenderer这个属性方法,它默认传递当前y轴的标签值,一般比如(1,2,3,4)之类的,而aliveState方法如下

function aliveState(a)
{
    if(a==0){
        return "死亡";
     }
     if(a==2){
  	  // alert("test");
        return "存活";
     }
     if(a==1){
         return "未探测";
     }
}

 

则可以把默认的数字转变为我们想要的任何字符串,首先ext提供了一些封装好的render,比如

使用范例如下

labelRenderer:Ext.util.Format.usMoney

 

另外就是像我一样的自定义了,显示效果如下



 注意左侧的y轴,以前是0,1,2之类的,现在则变成了汉字了

  • 大小: 15.4 KB
分享到:
评论

相关推荐

    DevExpress WPF ChartControl 自定义X轴Y轴标签颜色

    ChartControl主要由几个关键组件构成:Series(系列)代表图表中的数据,Axes(坐标轴)用于定义数据的范围和刻度,以及Labels(标签)用于显示坐标轴上的数值。我们需要关注的是XAxis和YAxis的Label样式设置。 1. ...

    LiveCharts完成一个指定X和Y坐标的线形图(鼠标滚动缩放)

    在本文中,我们将深入探讨如何使用LiveCharts库创建一个具有指定X和Y坐标的线形图,并实现鼠标滚动缩放功能。LiveCharts是一款强大的、基于WPF和UWP的图表库,它允许开发者轻松地在应用程序中添加各种图表类型,包括...

    swift-charts框架实现折线图包括xy轴的自定义显示以及基本配置

    本教程将深入探讨如何使用Swift-Charts实现折线图,并自定义X轴和Y轴的显示,以及进行基本配置。 首先,你需要在项目中导入Swift-Charts库。可以通过CocoaPods或Carthage进行集成,或者直接将源代码文件添加到项目...

    Qml之坐标轴的实现及曲线添加

    在QML(Qt Quick)中,创建可视化应用时,经常需要展示数据,这通常涉及到坐标轴和曲线的绘制。QmlQAxis这个主题是关于如何在QML中实现坐标轴以及动态添加曲线的过程,这对于数据可视化的应用尤其重要。下面我们将...

    c++与Qt实现QChart使用样例,包含双纵坐标轴参数、样式设置,绘图曲线背景自定义,曲线实时刷新

    在本文中,我们将深入探讨如何使用C++和Qt库中的QChart组件来创建复杂的图表,包括设置双纵坐标轴、自定义样式以及实现曲线的实时刷新。Qt是一个强大的跨平台应用开发框架,QChart作为其一部分,提供了丰富的图表...

    c#多坐标轴

    在C#编程中,多坐标轴的实现是一个高级特性,常用于数据可视化,尤其是在科学计算、统计分析或者工程图表的绘制中。这种功能允许我们同时显示来自不同尺度或单位的数据,使得复杂的数据关系更容易理解。以下是对这个...

    使用qpainter 画坐标轴 实现 qchart功能 支持数据拖动 坐标轴反转

    我们可以利用这些函数来绘制坐标轴,包括X轴和Y轴,以及它们的刻度和标签。为了实现坐标轴的反转,我们需要在计算坐标时改变其方向,例如,X轴向左移动,Y轴向上移动。 接着,实现数据点的拖动功能,这通常涉及到...

    QCustomPlot时间横坐标轴动态刷新untitled.rar

    2. **自定义轴格式化**:QCustomPlot允许你自定义轴的标签,对于时间轴,这通常意味着将时间戳转换为易于读取的日期和时间格式。你可以使用`QCPAxisTickerDateTime`作为轴的刻度器,它会根据时间戳生成日期和时间...

    QT画坐标系折线图

    在QT中,我们可以利用QPainter类来实现自定义的图形绘制,包括画坐标系和折线图。QPainter是QT中的一个核心绘图类,它可以用于在窗口、图片、打印机等多种设备上进行低级的像素级绘制。 创建一个坐标系折线图首先...

    QTCharts 曲线图拖拽缩放点位坐标显示

    在这个“QTCharts 曲线图拖拽缩放点位坐标显示”的主题中,我们将深入探讨如何在QtCharts环境中实现曲线图的动态交互功能,包括图形的平移(拖拽)和缩放,以及鼠标悬停时显示点位坐标。 首先,我们需要导入必要的...

    c.rar_C# 坐标轴_C#绘制坐标_c# 曲线_c#实时绘制_曲线

    除了手动绘制外,C#还有许多成熟的图表库,如ZedGraph、LiveCharts等,它们提供了丰富的功能和高度定制性,可以方便地创建复杂的图表,包括坐标轴、曲线和实时更新。 总的来说,C#为开发者提供了强大的图形绘制...

    自定义title

    在软件开发和用户体验设计中,允许自定义标题样式能够提供更大的灵活性,满足不同场景下的视觉需求和品牌一致性。 首先,自定义标题样式通常涉及到以下几个方面: 1. **字体**:用户可以调整标题的字体类型,选择...

    用Qt5.7实现极坐标绘图

    在本文中,我们将深入探讨如何使用Qt 5.7框架来实现极坐标绘图功能,包括封闭曲线的内部填充、角度坐标轴的旋转以及多R方向的坐标Label显示。Qt是一个跨平台的应用程序开发框架,它提供了丰富的图形用户界面(GUI)...

    EXT JS 统计图表

    3. **配置项**:EXT JS的图表具有大量的配置选项,可以自定义颜色、样式、标签、轴刻度、图例等,实现个性化设计。例如,你可以设置轴的范围、刻度间隔、网格线,甚至为每个系列指定不同的样式。 4. **交互性**:...

    MyCustomLineChart:自定义时间轴折线图,实现默认滚动到最后的X轴

    本项目“MyCustomLineChart”专注于创建一个自定义的时间轴折线图,其特性在于能自动滚动到最新的X轴数据,这在实时监控、数据分析或者金融图表等场景中尤为实用。 首先,我们要理解的是“折线图”。折线图是一种...

    Flex漂亮的柱状图,横坐标倾斜45度显示amChart

    标题中提到的"Flex漂亮的柱状图,横坐标倾斜45度显示amChart",意味着我们将探讨如何在Flex中利用amChart库创建出具有倾斜横坐标轴的柱状图,同时保持良好的视觉效果和字符完整性,即使横坐标标签很长。 首先,让...

    Excel-VBA宏编程实例源代码-图表的处理-将坐标轴数据显示在右侧.zip

    这个压缩包"Excel-VBA宏编程实例源代码-图表的处理-将坐标轴数据显示在右侧.zip"包含了一个具体的VBA宏示例,用于处理Excel图表,特别是将坐标轴的数据标签移动到右侧,以提供更清晰的视觉效果。 在Excel的图表中,...

    livecharts控件大全,wpf界面开发使用教程

    在本文中,我们将深入探讨如何使用LiveCharts控件进行WPF界面开发,特别是关于饼图、柱形图等统计图表的实现。LiveCharts是一个强大的数据可视化库,它为Windows Presentation Foundation (WPF) 应用程序提供了丰富...

    v-charts离线文档开发版

    6. **高级功能**:如动态数据更新、图例控制、坐标轴配置等进阶特性。 此外,"v-charts-master"可能还包含了示例代码,这些代码实例展示了在实际项目中如何应用v-charts,是学习和调试的重要参考资料。开发者可以...

    ext 3.3 中文 chm

    8. 图表(Charts):EXT 3.3的图表组件,如何创建各种统计图表,如柱状图、折线图等。 9. 性能优化(Performance Optimization):提供了一些提高EXT 3.3应用程序性能的技巧和策略。 10. API参考(API Reference):...

Global site tag (gtag.js) - Google Analytics