在百度echarts中添加标识线markLine

在百度echarts中添加标识线,打开以下网址复制代码到输入框,绘制一条直线。

http://echarts.baidu.com/echarts2/doc/example/line3.html

option = {
    title : {
        text: ‘某楼盘销售情况‘,
        subtext: ‘纯属虚构‘
    },
    tooltip : {
        trigger: ‘axis‘
    },
    legend: {
        data:[‘意向‘,‘预购‘,‘成交‘]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: [‘line‘, ‘bar‘, ‘stack‘, ‘tiled‘]},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : ‘category‘,
            boundaryGap : false,
            data : [‘周一‘,‘周二‘,‘周三‘,‘周四‘,‘周五‘,‘周六‘,‘周日‘]
        }
    ],
    yAxis : [
        {
            type : ‘value‘
        }
    ],
    series : [
        {
            name:‘成交‘,
            type:‘line‘,
            smooth:true,
            itemStyle: {normal: {areaStyle: {type: ‘default‘}}},
            data:[10, 12, 21, 54, 260, 830, 710],
          markLine:{
            itemStyle:{
            normal:{lineStyle:{type:‘solid‘,color:‘#000‘},label:{show:true,position:‘left‘}}
            },
            large:true,
            effect:{
              show: false,
    loop: true,
    period: 0,
    scaleSize : 2,
    color : null,
    shadowColor : null,
    shadowBlur : null
          },
              data:[
                 [
        {name: ‘标线1起点‘, value: 400, xAxis: -1, yAxis: 400},      // 当xAxis为类目轴时,数值1会被理解为类目轴的index,通过xAxis:-1|MAXNUMBER可以让线到达grid边缘
        {name: ‘标线1终点‘, xAxis: ‘周日‘, yAxis: 400},             // 当xAxis为类目轴时,字符串‘周三‘会被理解为与类目轴的文本进行匹配
    ],
            ]
          }

        },
        {
            name:‘预购‘,
            type:‘line‘,
            smooth:true,
            itemStyle: {normal: {areaStyle: {type: ‘default‘}}},
            data:[30, 182, 434, 791, 390, 30, 10]
        },
        {
            name:‘意向‘,
            type:‘line‘,
            smooth:true,
            itemStyle: {normal: {areaStyle: {type: ‘default‘}}},
            data:[1320, 1132, 601, 234, 120, 90, 20]
        }
    ]
};
                    
时间: 2024-10-12 23:27:42

在百度echarts中添加标识线markLine的相关文章

我的Android进阶之旅------>如何在多个LinearLayout中添加分隔线

如果要适合于所有的Android版本,可以在多个LinearLayout放置用于显示分隔线的View.例如,放一个ImageView组件,然后将其背景设为分隔线的颜色或图像,分隔线View的定义代码如下: <ImageView android:layout_width="fill_parent" android:layout_height="1dp" android:background="#ffffff" /> 效果如下: 在And

百度地图自己添加 标识地点 代码

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type

Android中添加分隔线

<View android:layout_width="match_parent" android:layout_height="1dp" android:layout_alignParentBottom="true" android:background="#cfcfcf" />

Sql Server中的标识列(自增长字段)

一.标识列的定义以及特点 SQL Server中的标识列又称标识符列,习惯上又叫自增列.该种列具有以下三种特点: 1.列的数据类型为不带小数的数值类型2.在进行插入(Insert)操作时,该列的值是由系统按一定规律生成,不允许空值3.列值不重复,具有标识表中每一行的作用,每个表只能有一个标识列. 由于以上特点,使得标识列在数据库的设计中得到广泛的使用. 二.标识列的组成创建一个标识列,通常要指定三个内容:1.类型(type)在SQL Server 2000中,标识列类型必须是数值类型,如下:de

SQL Server中的标识列

一.标识列的定义以及特点 SQL Server中的标识列又称标识符列,习惯上又叫自增列. 该种列具有以下三种特点: 1.列的数据类型为不带小数的数值类型 2.在进行插入(Insert)操作时,该列的值是由系统按一定规律生成,不允许空值 3.列值不重复,具有标识表中每一行的作用,每个表只能有一个标识列. 由于以上特点,使得标识列在数据库的设计中得到广泛的使用. 二.标识列的组成 创建一个标识列,通常要指定三个内容: 1.类型(type) 在SQL Server 2000中,标识列类型必须是数值类型

ArcGIS Engine中添加点、线、面元素

转自原文ArcGIS Engine中添加点.线.面元素 //画点 IPoint pt = axMapControl1.ToMapPoint(e.x, e.y); IMarkerElement pMarkerElement = new MarkerElementClass(); IElement pElement = pMarkerElement as IElement; pElement.Geometry = pt; IGraphicsContainer pGraphicsContainer =

百家搜索:在网站中添加Google、百度等搜索引擎

来源:http://www.ido321.com/1143.html 看到一些网站上添加了各种搜索引擎.如Google.百度.360.有道等,就有点好奇,这个怎么实现?研究了一各个搜索引擎怎么传送关键字,找到了小窍门,于是乎,自家弄了一个百家搜索: 效果: 演示地址戳此:http://sousuodaquan.sinaapp.com/ ps:在列表中添加了糯米汇(http://www.nuomihui.com)的站内搜索,仅用于演示,别无它用,特此声明. HTML代码: <div class=&qu

在网站中添加百度地图

怎样在网站中引用百度地图? 1.在html中添加一个div,添加一些样式. <div id="divMap" style="width:50%;height:300px;border:1px solid gray;"></div> 2.在head中添加对百度地图的引用. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.

如何在网页中添加百度地图

现在大多数网站都会在联系地址页面插入地图,鉴于目前谷歌网址不能打开的原因,因此百度地图应该成为网站开发者的首选. 楼主因为要搞这个小东西,所以顺便发一篇博客分享,其实网上资料很多,楼主也是参考了网上达人资料,主要目的是为了方便以后自己查看啦! 首先,打开百度地图生成器网址:http://dev.baidu.com/wiki/static/map/API/tool/creatMap/ 点击地图快速生成器,进入选择编辑页面,这里有三步: 第一步是定位中心点,意思就是选择你想要设置的大体位置. 第二步