anychart.onDocumentReady(function () {
var chart = anychart.column();
var series = chart.column([
{x:"John", value: 10000},
{x:"Jake", value: 12000},
{x:"Peter", value: 18000},
{x:"James", value: 11000},
var palette = anychart.palettes.distinctColors();
for (var i=0; series.getPoint(i).exists();i++)
series.getPoint(i).set("fill", palette.itemAt(i));
series.selected().fill("#444");
series.name("Sales 2004");
var legend = chart.legend();
legend.itemsSourceMode("categories");
legend.itemsFormatter(function (items){
for (var i=0;i<items.length;i++){
items[i].iconType = "square";
items[i].iconFill = palette.itemAt([i]);
items[i].iconEnabled = true;
legend.listen("legendItemMouseOver", function(event) {
var index = event["itemIndex"];
series.getPoint(index).hovered(true);
legend.listen("legendItemMouseOut", function(event) {
var index = event["itemIndex"];
series.getPoint(index).hovered(false);
legend.listen("legendItemClick", function(event) {
var index = event["itemIndex"];
series.getPoint(index).selected(!series.getPoint(index).selected());
legend.itemsFormatter(function (items){
for (var i=0;i<items.length;i++){
items[i].iconType = "square";
if (series.getPoint(i).selected())
items[i].iconFill = "#444";
items[i].iconFill = palette.itemAt([i]);
items[i].iconEnabled = true;
chart.listen("pointsSelect", function() {
legend.itemsFormatter(function (items){
for (var i=0;i<items.length;i++){
items[i].iconType = "square";
if (series.getPoint(i).selected())
items[i].iconFill = "#444";
items[i].iconFill = palette.itemAt([i]);
items[i].iconEnabled = true;
chart.interactivity("by-x");
chart.title("Legend Controls Points");
chart.container("container");