欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Echarts折線圖設(shè)置線條顏色及線條以下代碼示例

 更新時間：2024年02月17日 09:48:38   作者：小任同學(xué)`  
最近項(xiàng)目需要,一直在使用Echarts視圖,現(xiàn)在遇到一個要修改echarts折線圖顏色的需求,下面這篇文章主要給大家介紹了關(guān)于Echarts折線圖設(shè)置線條顏色及線條以下區(qū)域漸變顏色的相關(guān)資料,需要的朋友可以參考下

一、展示效果

二、設(shè)置折線顏色

在series中，設(shè)置lineStyle屬性。

lineStyle: {
                color: '#556FFD'   
              },

三、設(shè)置折線拐點(diǎn)大小

在series中使用symbol屬性、symbolSize屬性

  symbol: 'circle', // 拐點(diǎn)的形狀
  symbolSize: 6, // 拐點(diǎn)大小

三、設(shè)置折線拐點(diǎn)顏色（hover折現(xiàn)點(diǎn)顏色）

 在series中，使用itemStyle屬性、emphasis屬性。

 itemStyle: {
     // 設(shè)置線條上點(diǎn)的顏色（和圖例的顏色）
    normal: {
    color: '#556FFD',
      },
   },
  emphasis: {
    // 鼠標(biāo)hover上去的時候，拐點(diǎn)的顏色和樣式
     itemStyle: {
     color: '#556FFD', // 顏色
     borderColor: '#556FFD', // 圖形的描邊顏色
     borderWidth: 1 // 描邊的線寬
         }
    },

四、設(shè)置折線漸變顏色

在series中，使用areaStyle屬性。

     areaStyle: {
       color: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [  // 漸變顏色
         {
          offset: 0,
          color: 'rgba(85,111,253,0.50)',
           },
         {
          offset: 1,
          color: 'rgba(85,111,253,0.00)',
            },
        ],
         global: false,
        },
     },

總結(jié)

到此這篇關(guān)于Echarts折線圖設(shè)置線條顏色及線條以下區(qū)域漸變顏色的文章就介紹到這了,更多相關(guān)Echarts折線圖設(shè)置線條顏色內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論