How echart modifies the color of the origin of a line chart adds prompts and modifies the text style of the y-axis. - Codes Helper - Programming Question Answer

How echart modifies the color of the origin of a line chart adds prompts and modifies the text style of the y-axis.

is where my picture is circled

this is my code novice asking the great god for advice

option = {
    tooltip : {
        trigger: "axis",
     
    },
    
    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 : ["2012","2013","2014","2015","2016","2017","2018"]
        }
    ],
   grid: {
           "backgroundColor":"rgba(10,220,110,.5)",
           height:"200"
        },
     
    yAxis : [
        {
            type : "value"
        }
    ],

axisLabel:{
        textStyle:{
             color:"-sharp333333"//xy1
        }
    },
    axisTick:
    {
        show: false,
    },

    series : [

        {
            name:"",
            type:"line",
            stack: "",
            symbol:"circle",
            symbolSize:"10",
            itemStyle: {normal: {areaStyle: {type: "default"}}},
               color: {
        type: "linear",
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [{
        offset: 1, color: "-sharpfefeff" // 0% 
    }, {
        offset: 0.4, color: "-sharpe8efff" // 100% 
    }],
    globalCoord: false //  false
},
              itemStyle: {
                normal: {
                    areaStyle: {
                        // 
                     
                    },
                    lineStyle:{  
                     color:"-sharpf68698"  
                                    }  
                }
            },

            data:[50, 110, 80, 200, 240, 70, 350]
        },
       
    ]
};

Echarts4 javascript

Feb.27,2021

axisLabel: {/ / processing unit correlation
formatter:'{value} unit'
},
axisLine: {/ / processing axis color

        lineStyle: {
            color: 'red',
        }
    },

axisLabel: {/ / process axis fonts

        color: '-sharp000',   
    }

in fact, there are many on the Internet.
`/ / set the color of the axis
xAxis: [
{

type : 'category',
data : [],
splitLine: false,
nameTextStyle: {
  color: '' // x
},
axisLine: {
  lineStyle: {
    color: '' //
  }
}

}
]

/ / set the color of the discount and the color of the discount

            series: [{
                data: number,
                type: 'line',
                itemstyle : {
                    normal : {
                        linestyle:{
                            color:'-sharp16e868',
                        },
                        bordercolor:"-sharp16e868"
                    }
                },
            }]

/ / set coordinate font color

                    axisLabel: {
                        show: true,
                        textStyle: {
                            color: 'white'
                        }
                    },`

Previous: On the problem of adaptive white edges of pictures on mobile devices

Next: When a swoole client receives a message from the server, the two are merged into one.

How echarts 3Dbar sets the name of the x-axis is not the name displayed on the axis, but the x-name in the brand displayed by the mouse over the column, as shown in the figure
how to change the name of x marked in a white box? I ve configured the name on the X axis to "xxxx ", but it s still-x on this card. ...

Echarts4 javascript

Mar.17,2021
The main title of multiple bar charts under one div of echarts4.0 is centered, and the subtitle is invalid on the left. Find the solution.
` < html lang= "en " style= width:100%;height:100% > < head > <meta charset="UTF-8"> <title>grid< title> <script type="text javascript" src="http: echarts.baidu.com gallery vendors echarts echarts.mi...

Echarts4 javascript

Mar.19,2021
How does echarts display the comments of the current image by default under a canvas (display when the page is loaded, not hover click, etc.)
-sharp-sharp-sharp series setTimeout(() => { <script> < script> 1 2 ...

Echarts4 javascript

Apr.10,2021
How to automatically display tooltip? after using scatter3D in globe in echarts
using echarts-4.1.0,echarts-gl-1.1.1, in globe I used scatter3D to draw a scatter chart. The tooltip configured in option can be displayed normally, but it is normal to use dispatchAction to exhale tooltip, in the same way that I put it in the 2D diagra...

Echarts3 echarts4 javascript

Feb.09,2022
Can echarts be configured as the following bar chart?
4legend the data format is as follows NSC: { plan: 10, construction: 25, siteSelection: 20, opening: 18 } the series configuration is supposed to look like this, but the color of this bar chart is all the same. An...

Echarts4 javascript

Mar.04,2022
Map did not render problem when configuring map chart using echarts-for-react and echart.js
The map chart mentioned in the question is the example of the official website . The console does not report any errors, and the local rendering is complete, only the map is not rendered, something like this The code has been uploaded to github...

React.js echarts echarts4 javascript

Apr.15,2022

Menu