How to change the font size inside the bubbles in jqplot_html/css_WEB-ITnose

Now use jqplot to form a chart, but the font inside the bubble is too big.

Ask for advice: How to change the size of the fontSize

Reply Discussion (Solution)

add: The chart type is bubble chart: bubble chart

;


Just override the text size defined in the jqplot css file

div.jqplot-bubble-label{font-size:20px}



Just override the text size defined in the jqplot css file

I have already changed it in the css, but thank you anyway!
In addition, I have another question. Either when the mouse is moved over the bubble, the bubble will be highlighted, or it will be covered with a layer of light white. I want to ask: how to change this color, and where to change it? Thanks!

div.jqplot-bubble-label.jqplot-bubble-label-highlight{background-color:rgba(100, 230, 230, 0.7);}

Note that lower version of IE browser does not support rgba color

div.jqplot-bubble-label.jqplot-bubble-label-highlight{background-color:rgba(100, 230, 230, 0.7);}

Note that lower version of IE browser The device does not support rgba color

Sorry, I am not talking about the small highlight under the bubble text, but the highlight color change of the entire bubble, which is not in this css file.

Because even if the entire css file is removed and the mouse is moved over the bubble, the bubble will still be highlighted
That requires modifying the js. . The highlight swatch color should be a calculated swatch color similar to the passed color parameter. .

That needs to modify the js. . The highlight swatch color should be a calculated swatch color similar to the passed color parameter. .

I've found it, but don't know how to change it.

That’s it w.arc(u,t,m,0,2*Math.PI,0);

Master, do you know how to change it?

In addition, I want to make the unit of the coordinates larger: to increase the distance between 0-1,

instead of changing the distance between the two coordinates from 1 to 5

There are four bubbles in the picture. Because the values ​​​​are similar, they completely overlap. I want to widen the coordinate spacing to make them appear more clearly.

Do you have any ideas?