eChartcの折れ線グラフのプロパティの概要

  1. option = { xAxis:{ type: 'category'、boundaryGap:false、data:['Mon'、 'Tue'、 'Wed'、 'Thu'、 'Fri'、 'Sat'、 'Sun'] }、yAxis :{ type: 'value' }、series:[{ data:[ 820、932、901、934、1290、1330、1320 ]、type: 'line'、areaStyle:{}、//座標点を表示するかどうかshowSymbol :true、//ポリラインはラジアンまたは直線//ステップ:「中央」//座標ラベルのインジケーター番号を表示するかどうか:{ show:true、//インジケーター番号の位置position:“ top」、//インジケーター番号の距離はポリラインです画像の位置//距離:20、//番号の傾きを示します//回転:30、//番号の位置の傾きを示します/ /オフセット:[30、40] //フォントの色




























    //色:“ rgba(20、247、122、1)” //サブボディ
    スタイル
    // fontStyle:“ italic”
    //太字フォント
    // fontWeight:“ bold”
    //フォント
    // fontFamily:“ monospace”
    //フォントサイズ
    // fontSize:15
    //配置//配置
    :「左」
    //テキストの垂直配置
    // verticalAlign:「中央」
    //行の高さ
    // lineHeight:52
    //テキストの背景色
    // backgroundColor: "rgba(169、155、155、1)"
    //テキスト背景ラジアン
    // borderRadius:[30、30、30、30]
    }
    }]

};
`

 series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        areaStyle: {},
        itemStyle: {
            // 描边线宽圆点
        borderWidth: 10,
        // 圆点颜色
        // borderColor: "rgba(61, 235, 26, 1)"
        // 圆点的类型
        //  borderType: "solid"
        // 圆点yinying
        // shadowBlur: 50
    }
    }],
      lineStyle: {
        //   波浪线的宽
      width: 2,
    //   波浪线类型
       type: "dashed",
    //   波浪线阴影
       shadowBlur: 50 ,
    //   波浪线阴影颜色
       shadowColor: "rgba(199, 208, 18, 1)",
       
    }

おすすめ

転載: blog.csdn.net/weixin_45663264/article/details/107312220