Блог

я хочу установить цвет фона для частей графика с разными цветами. а также для того, чтобы иметь возможность сделать метки оси также интерактивными, особенно для jqplot и flot. я смог сделать это с highcharts. вы можете взглянуть на то, что я сделал:http://jsfiddle.net/fonpah/jPrvK/4 / . я был бы очень признателен, если бы кто-нибудь мог сделать то же самое с jqplot или flot. Спасибо

flot делает холст доступным для вас, поэтому вы можете легко перевести свой код из примера с высокими диаграммами туда.

 var plot = $.plot(...);
var ctx = plot.getCanvas().getContext("2d"); //get the canvas

var point1 = plot.pointOffset({ x: 5, y: 5}); //translate a value to pixels
var point2 = plot.pointOffset({ x: 10, y: 10}); 

//fill and draw a rectangle
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect(point1.x,point1.y,point2.x,point2.y);
  

Смотрите пример аннотирования для получения подробной информации.

С помощью Flot очень легко нарисовать область заливки, используя опцию {fill= true}, например:

строки: { показать: верно, заполнить: верно, fillColor: «#98FB98»},